add google developers to socials

config.ts

@@ -1,6 +1,7 @@
 const links = {
     github: "https://github.com/MedzikUser",
     gitlab: "https://gitlab.com/Medzik",
+    googleDevelopers: "https://g.dev/medzik",
     discord: "https://dsc.bio/medzik",
     reddit: "https://www.reddit.com/user/MedzikUser"
 }

pages/_document.tsx

@@ -19,12 +19,7 @@ export default class MyDocument extends Document {
             const initialProps = await Document.getInitialProps(ctx)
             return {
                 ...initialProps,
-                styles: [
-                    <>
-                        {initialProps.styles}
-                        {sheet.getStyleElement()}
-                    </>,
-                ],
+                styles: [initialProps.styles, sheet.getStyleElement()],
             }
         } finally {
             sheet.seal()

pages/index.tsx

@@ -1,5 +1,5 @@
 import Head from 'next/head'
-import { GitHub, Reddit } from '@mui/icons-material'
+import { GitHub, Google, Reddit } from '@mui/icons-material'
 import { IconButton } from '@mui/material'
 import config, { links } from '../config'
 import AvatarSvg from '../public/avatar.svg'
@@ -40,6 +40,11 @@ export default function Home() {
                     <GitLab />
                 </IconButton>
 
+                {/* Google Developers */}
+                <IconButton color="inherit" href={links.googleDevelopers} target="_blank">
+                    <Google />
+                </IconButton>
+
                 {/* Discord */}
                 <IconButton color="inherit" href={links.discord} target="_blank">
                     <Discord />