Fixed tip centering on mobile

Author: fileformat

src/components/ProTip.tsx

@@ -16,7 +16,7 @@ export default function ProTip() {
     const t = useTranslations('HomePage');
 
     return (
-        <Typography sx={{ mt: 6, mb: 3, color: 'text.secondary' }}>
+        <Typography sx={{ mt: 6, mb: 3, textAlign: 'center', color: 'text.secondary' }}>
             {t.rich('tip', {
                 Icon: () => <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />,
                 Link: (chunks) => <NextLink href="https://www.sitemap.style/viewer-integration.html">{chunks}</NextLink>,