Solve issues with new version

components/menu.tsx

@@ -9,10 +9,8 @@ export default function Menu() {
         <menu className={styles.menu}>
             <div className="container">
                 <Link href="/">
-                    <a>
+                    <Image src={logo} alt="dubbelnull logo" style={{height: "2em", width: "2em"}} />
-                        <Image src={logo} alt="dubbelnull logo" />
+                    <h2>{process.env.NEXT_PUBLIC_NAME?.toUpperCase()}</h2>
-                        <h2>{process.env.NEXT_PUBLIC_NAME?.toUpperCase()}</h2>
-                    </a>
                 </Link>
 
                 <div>

package-lock.json

@@ -13,13 +13,13 @@
         "@fortawesome/free-brands-svg-icons": "^5.15.3",
         "@fortawesome/free-solid-svg-icons": "^5.15.3",
         "@fortawesome/react-fontawesome": "^0.1.14",
-        "@types/node": "^18.13.0",
         "next": "^13.1.6",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "styled-components": "^5.3.0"
       },
       "devDependencies": {
+        "@types/node": "^18.13.0",
         "@types/react": "17.0.13",
         "eslint": "7.30.0",
         "eslint-config-next": "^13.1.6",
@@ -699,7 +699,8 @@
     "node_modules/@types/node": {
       "version": "18.13.0",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.13.0.tgz",
-      "integrity": "sha512-gC3TazRzGoOnoKAhUx+Q0t8S9Tzs74z7m0ipwGpSqQrleP14hKxP4/JUeEQcD3W1/aIpnWl8pHowI7WokuZpXg=="
+      "integrity": "sha512-gC3TazRzGoOnoKAhUx+Q0t8S9Tzs74z7m0ipwGpSqQrleP14hKxP4/JUeEQcD3W1/aIpnWl8pHowI7WokuZpXg==",
+      "dev": true
     },
     "node_modules/@types/prop-types": {
       "version": "15.7.3",
@@ -4702,7 +4703,8 @@
     "@types/node": {
       "version": "18.13.0",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.13.0.tgz",
-      "integrity": "sha512-gC3TazRzGoOnoKAhUx+Q0t8S9Tzs74z7m0ipwGpSqQrleP14hKxP4/JUeEQcD3W1/aIpnWl8pHowI7WokuZpXg=="
+      "integrity": "sha512-gC3TazRzGoOnoKAhUx+Q0t8S9Tzs74z7m0ipwGpSqQrleP14hKxP4/JUeEQcD3W1/aIpnWl8pHowI7WokuZpXg==",
+      "dev": true
     },
     "@types/prop-types": {
       "version": "15.7.3",

package.json

@@ -15,13 +15,13 @@
     "@fortawesome/free-brands-svg-icons": "^5.15.3",
     "@fortawesome/free-solid-svg-icons": "^5.15.3",
     "@fortawesome/react-fontawesome": "^0.1.14",
-    "@types/node": "^18.13.0",
     "next": "^13.1.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "styled-components": "^5.3.0"
   },
   "devDependencies": {
+    "@types/node": "^18.13.0",
     "@types/react": "17.0.13",
     "eslint": "7.30.0",
     "eslint-config-next": "^13.1.6",

styles/globals.css

@@ -1,3 +1,6 @@
+@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');
+
 /* variables */
 :root {
   /* paddings */
@@ -39,10 +42,6 @@ body, body[data-theme="dark"] {
 }
 
 
-/* html */
-@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');
-
 html,
 body {
   padding: 0;