header is responsive now

next.config.mjs

@@ -1,4 +1,6 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+    reactStrictMode: false,
+};
 
 export default nextConfig;

package-lock.json

@@ -11,6 +11,7 @@
         "next": "14.2.11",
         "react": "^18",
         "react-dom": "^18",
+        "react-loading-skeleton": "^3.5.0",
         "tailwindcss": "^0.0.0-insiders.e8614a2"
       },
       "devDependencies": {
@@ -4221,6 +4222,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/react-loading-skeleton": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/react-loading-skeleton/-/react-loading-skeleton-3.5.0.tgz",
+      "integrity": "sha512-gxxSyLbrEAdXTKgfbpBEFZCO/P153DnqSCQau2+o6lNy1jgMRr2MmRmOzMmyrwSaSYLRB8g7b0waYPmUjz7IhQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",

package.json

@@ -13,6 +13,7 @@
     "next": "14.2.11",
     "react": "^18",
     "react-dom": "^18",
+    "react-loading-skeleton": "^3.5.0",
     "tailwindcss": "^0.0.0-insiders.e8614a2"
   },
   "devDependencies": {