feat: solving header issue

apps/career/package.json

@@ -15,40 +15,78 @@
   "devDependencies": {
     "@babel/core": "7.17.5",
     "@babel/eslint-parser": "7.17.0",
+    "@babel/plugin-syntax-flow": "^7.21.4",
+    "@babel/plugin-transform-react-jsx": "^7.22.0",
     "@babel/plugin-transform-runtime": "7.17.0",
     "@babel/preset-env": "7.16.11",
     "@babel/preset-react": "7.16.7",
     "@babel/preset-typescript": "7.16.7",
     "@babel/runtime": "7.17.2",
+    "@fortawesome/fontawesome-svg-core": "1.3.0",
+    "@types/node": "17.0.21",
     "@typescript-eslint/eslint-plugin": "5.14.0",
     "@typescript-eslint/parser": "5.14.0",
-    "@vitejs/plugin-react": "1.3.2",
-    "autoprefixer": "^10.4.16",
+    "autoprefixer": "10.4.2",
+    "babel-plugin-styled-components": "2.0.6",
     "concurrently": "7.0.0",
+    "cssnano": "5.1.0",
+    "dotenv": "^16.0.3",
+    "esbuild": "^0.18.6",
     "eslint": "8.10.0",
     "eslint-config-custom": "workspace:*",
-    "postcss": "^8.4.31",
+    "localforage": "1.10.0",
+    "postcss": "8.4.8",
     "prettier": "2.5.1",
-    "prettier-plugin-tailwindcss": "^0.2.8",
-    "tailwindcss": "^3.3.3",
+    "prettier-eslint": "13.0.0",
+    "prop-types": "^15.8.1",
+    "react-is": "^18.2.0",
+    "react-native": "^0.68.7",
+    "sass": "1.49.9",
+    "tailwindcss": "3.0.23",
     "ts-config-single-spa": "2.0.1",
-    "typescript": "4.6.2",
-    "vite": "^4.3.5",
-    "vite-plugin-dynamic-import": "^0.7.0"
+    "typescript": "4.6.2"
   },
   "dependencies": {
     "@aws-amplify/api": "4.0.42",
+    "@aws-amplify/auth": "4.4.4",
+    "@emotion/react": "11.9.0",
+    "@emotion/styled": "11.8.1",
+    "@fortawesome/free-solid-svg-icons": "6.0.0",
+    "@fortawesome/react-fontawesome": "0.1.17",
+    "@headlessui/react": "^1.7.14",
+    "@material-ui/core": "4.12.4",
     "@mui/icons-material": "5.8.3",
+    "@mui/material": "5.8.3",
+    "@popperjs/core": "^2.11.8",
     "@types/react": "17.0.39",
     "@types/react-dom": "17.0.13",
+    "@types/styled-components": "5.1.24",
+    "@vitejs/plugin-react": "1.3.2",
+    "eslint-plugin-react-hooks": "4.3.0",
+    "i18next": "19.9.2",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-ga4": "^2.1.0",
-    "react-i18next": "^13.3.0",
+    "react-helmet": "6.1.0",
+    "react-i18next": "11.15.6",
+    "react-infinite-scroll-component": "^6.1.0",
     "react-responsive": "9.0.0-beta.10",
-    "react-router-dom": "^6.16.0",
+    "react-router-dom": "^6.11.2",
     "recoil": "^0.7.7",
     "single-spa-react": "3.2.0",
+    "styled-components": "5.3.3",
+    "vite": "4.3.5",
+    "vite-plugin-dynamic-import": "^0.7.1",
     "wasedatime-ui": "*"
+  },
+  "peerDependencies": {
+    "@babel/plugin-syntax-flow": "^7.16.7",
+    "@babel/plugin-transform-react-jsx": "^7.17.3",
+    "@fortawesome/fontawesome-svg-core": "1.3.0",
+    "@popperjs/core": "^2.11.5",
+    "eslint-plugin-react-hooks": "4.3.0",
+    "prop-types": "^15.8.1",
+    "react-is": "^18.1.0",
+    "react-native": "^0.68.1"
   }
 }