diff --git a/package-lock.json b/package-lock.json
index 034f9fd..58351d5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@apollo/client": "^3.11.10",
         "@emotion/react": "^11.13.3",
         "@emotion/styled": "^11.13.0",
+        "@mui/icons-material": "^6.1.10",
         "@mui/material": "^6.1.4",
         "@mui/styled-engine-sc": "^6.1.4",
         "@radix-ui/react-icons": "^1.3.0",
@@ -19,6 +20,7 @@
         "iconoir": "^7.10.0",
         "iconoir-react": "^7.9.0",
         "mongodb": "^6.11.0",
+        "mui": "^0.0.1",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-redux": "^9.1.2",
@@ -112,9 +114,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz",
-      "integrity": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.3.tgz",
+      "integrity": "sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
@@ -151,12 +153,12 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz",
-      "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
+      "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==",
       "dependencies": {
-        "@babel/parser": "^7.26.2",
-        "@babel/types": "^7.26.0",
+        "@babel/parser": "^7.26.3",
+        "@babel/types": "^7.26.3",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
         "jsesc": "^3.0.2"
@@ -177,19 +179,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz",
-      "integrity": "sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-compilation-targets": {
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
@@ -228,13 +217,13 @@
       }
     },
     "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz",
-      "integrity": "sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.26.3.tgz",
+      "integrity": "sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.25.9",
-        "regexpu-core": "^6.1.1",
+        "regexpu-core": "^6.2.0",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -357,19 +346,6 @@
         "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/helper-simple-access": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.25.9.tgz",
-      "integrity": "sha512-c6WHXuiaRsJTyHYLJV75t9IqsmTbItYfdj99PnzYGQZkYKvan5/2jKJ7gu31J3/BJ/A18grImSPModuyG/Eo0Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz",
@@ -436,11 +412,11 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz",
-      "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
+      "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
       "dependencies": {
-        "@babel/types": "^7.26.0"
+        "@babel/types": "^7.26.3"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -850,12 +826,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz",
-      "integrity": "sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.26.3.tgz",
+      "integrity": "sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.25.9",
         "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
@@ -990,14 +965,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.25.9.tgz",
-      "integrity": "sha512-dwh2Ol1jWwL2MgkCzUSOvfmKElqQcuswAZypBSUsScMXvgdT8Ekq5YA6TtqpTVWH+4903NmboMuH1o9i8Rxlyg==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz",
+      "integrity": "sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-simple-access": "^7.25.9"
+        "@babel/helper-module-transforms": "^7.26.0",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1462,9 +1436,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.25.9.tgz",
-      "integrity": "sha512-7PbZQZP50tzv2KGGnhh82GSyMB01yKY9scIjf1a+GfZCtInOWqUH5+1EBU4t9fyR5Oykkkc9vFTs4OHrhHXljQ==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.26.3.tgz",
+      "integrity": "sha512-6+5hpdr6mETwSKjmJUdYw0EIkATiQhnELWlE3kJFBwSg/BGIVwVaVbX+gOXBCdc7Ln1RXZxyWGecIXhUfnl7oA==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.25.9",
@@ -1641,9 +1615,9 @@
       }
     },
     "node_modules/@babel/preset-react": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.25.9.tgz",
-      "integrity": "sha512-D3to0uSPiWE7rBrdIICCd0tJSIGpLaaGptna2+w7Pft5xMqLpA1sz99DK5TZ1TjGbdQ/VI1eCSZ06dv3lT4JOw==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.26.3.tgz",
+      "integrity": "sha512-Nl03d6T9ky516DGK2YMxrTqvnpUW63TnJMOMonj+Zae0JiPC5BC9xPMSL6L8fiSpA5vP88qfygavVQvnLp+6Cw==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.25.9",
@@ -1680,9 +1654,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.25.7",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.7.tgz",
-      "integrity": "sha512-FjoyLe754PMiYsFaN5C94ttGiOmBNYTf6pLr4xXHAT5uctHb092PBszndLDR5XA/jghQvn4n7JMHl7dmTgbm9w==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
+      "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -1704,15 +1678,15 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz",
-      "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==",
+      "version": "7.26.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz",
+      "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==",
       "dependencies": {
-        "@babel/code-frame": "^7.25.9",
-        "@babel/generator": "^7.25.9",
-        "@babel/parser": "^7.25.9",
+        "@babel/code-frame": "^7.26.2",
+        "@babel/generator": "^7.26.3",
+        "@babel/parser": "^7.26.3",
         "@babel/template": "^7.25.9",
-        "@babel/types": "^7.25.9",
+        "@babel/types": "^7.26.3",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
@@ -1729,9 +1703,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
-      "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
+      "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
       "dependencies": {
         "@babel/helper-string-parser": "^7.25.9",
         "@babel/helper-validator-identifier": "^7.25.9"
@@ -1775,13 +1749,13 @@
       }
     },
     "node_modules/@emotion/cache": {
-      "version": "11.13.1",
-      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.13.1.tgz",
-      "integrity": "sha512-iqouYkuEblRcXmylXIwwOodiEK5Ifl7JcX7o6V4jI3iW4mLXX3dmt5xwBtIkJiQEXFAI+pC8X0i67yiPkH9Ucw==",
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.13.5.tgz",
+      "integrity": "sha512-Z3xbtJ+UcK76eWkagZ1onvn/wAVb1GOMuR15s30Fm2wrMgC7jzpnO2JZXr4eujTTqoQFUrZIw/rT0c6Zzjca1g==",
       "dependencies": {
         "@emotion/memoize": "^0.9.0",
         "@emotion/sheet": "^1.4.0",
-        "@emotion/utils": "^1.4.0",
+        "@emotion/utils": "^1.4.2",
         "@emotion/weak-memoize": "^0.4.0",
         "stylis": "4.2.0"
       }
@@ -1828,14 +1802,14 @@
       }
     },
     "node_modules/@emotion/serialize": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.2.tgz",
-      "integrity": "sha512-grVnMvVPK9yUVE6rkKfAJlYZgo0cu3l9iMC77V7DW6E1DUIrU68pSEXRmFZFOFB1QFo57TncmOcvcbMDWsL4yA==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz",
+      "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==",
       "dependencies": {
         "@emotion/hash": "^0.9.2",
         "@emotion/memoize": "^0.9.0",
         "@emotion/unitless": "^0.10.0",
-        "@emotion/utils": "^1.4.1",
+        "@emotion/utils": "^1.4.2",
         "csstype": "^3.0.2"
       }
     },
@@ -1880,9 +1854,9 @@
       }
     },
     "node_modules/@emotion/utils": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.1.tgz",
-      "integrity": "sha512-BymCXzCG3r72VKJxaYVwOXATqXIZ85cuvg0YOUDxMGNrKc1DJRZk8MgV5wyXRyEayIMd4FuXJIUgTBXvDNW5cA=="
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz",
+      "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA=="
     },
     "node_modules/@emotion/weak-memoize": {
       "version": "0.4.0",
@@ -2149,24 +2123,49 @@
       }
     },
     "node_modules/@mui/core-downloads-tracker": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-6.1.4.tgz",
-      "integrity": "sha512-jCRsB9NDJJatVCHvwWSTfYUzuTQ7E0Km6tAQWz2Md1SLHIbVj5visC9yHbf/Cv2IDcG6XdHRv3e7Bt1rIburNw==",
+      "version": "6.1.10",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-6.1.10.tgz",
+      "integrity": "sha512-LY5wdiLCBDY7u+Od8UmFINZFGN/5ZU90fhAslf/ZtfP+5RhuY45f679pqYIxe0y54l6Gkv9PFOc8Cs10LDTBYg==",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/mui-org"
       }
     },
-    "node_modules/@mui/material": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/@mui/material/-/material-6.1.4.tgz",
-      "integrity": "sha512-mIVdjzDYU4U/XYzf8pPEz3zDZFS4Wbyr0cjfgeGiT/s60EvtEresXXQy8XUA0bpJDJjgic1Hl5AIRcqWDyi2eg==",
+    "node_modules/@mui/icons-material": {
+      "version": "6.1.10",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-6.1.10.tgz",
+      "integrity": "sha512-G6P1BCSt6EQDcKca47KwvKjlqgOXFbp2I3oWiOlFgKYTANBH89yk7ttMQ5ysqNxSYAB+4TdM37MlPYp4+FkVrQ==",
       "dependencies": {
-        "@babel/runtime": "^7.25.7",
-        "@mui/core-downloads-tracker": "^6.1.4",
-        "@mui/system": "^6.1.4",
-        "@mui/types": "^7.2.18",
-        "@mui/utils": "^6.1.4",
+        "@babel/runtime": "^7.26.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@mui/material": "^6.1.10",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material": {
+      "version": "6.1.10",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-6.1.10.tgz",
+      "integrity": "sha512-txnwYObY4N9ugv5T2n5h1KcbISegZ6l65w1/7tpSU5OB6MQCU94YkP8n/3slDw2KcEfRk4+4D8EUGfhSPMODEQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.26.0",
+        "@mui/core-downloads-tracker": "^6.1.10",
+        "@mui/system": "^6.1.10",
+        "@mui/types": "^7.2.19",
+        "@mui/utils": "^6.1.10",
         "@popperjs/core": "^2.11.8",
         "@types/react-transition-group": "^4.4.11",
         "clsx": "^2.1.1",
@@ -2185,7 +2184,7 @@
       "peerDependencies": {
         "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
-        "@mui/material-pigment-css": "^6.1.4",
+        "@mui/material-pigment-css": "^6.1.10",
         "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
         "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
         "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
@@ -2206,12 +2205,12 @@
       }
     },
     "node_modules/@mui/private-theming": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-6.1.4.tgz",
-      "integrity": "sha512-FPa+W5BSrRM/1QI5Gf/GwJinJ2WsrKPpJB6xMmmXMXSUIp31YioIVT04i28DQUXFFB3yZY12ukcZi51iLvPljw==",
+      "version": "6.1.10",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-6.1.10.tgz",
+      "integrity": "sha512-DqgsH0XFEweeG3rQfVkqTkeXcj/E76PGYWag8flbPdV8IYdMo+DfVdFlZK8JEjsaIVD2Eu1kJg972XnH5pfnBQ==",
       "dependencies": {
-        "@babel/runtime": "^7.25.7",
-        "@mui/utils": "^6.1.4",
+        "@babel/runtime": "^7.26.0",
+        "@mui/utils": "^6.1.10",
         "prop-types": "^15.8.1"
       },
       "engines": {
@@ -2232,13 +2231,13 @@
       }
     },
     "node_modules/@mui/styled-engine": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-6.1.4.tgz",
-      "integrity": "sha512-D+aiIDtJsU9OVJ7dgayhCDABJHT7jTlnz1FKyxa5mNVHsxjjeG1M4OpLsRQvx4dcvJfDywnU2cE+nFm4Ln2aFQ==",
+      "version": "6.1.10",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-6.1.10.tgz",
+      "integrity": "sha512-+NV9adKZYhslJ270iPjf2yzdVJwav7CIaXcMlPSi1Xy1S/zRe5xFgZ6BEoMdmGRpr34lIahE8H1acXP2myrvRw==",
       "dependencies": {
-        "@babel/runtime": "^7.25.7",
-        "@emotion/cache": "^11.13.1",
-        "@emotion/serialize": "^1.3.2",
+        "@babel/runtime": "^7.26.0",
+        "@emotion/cache": "^11.13.5",
+        "@emotion/serialize": "^1.3.3",
         "@emotion/sheet": "^1.4.0",
         "csstype": "^3.1.3",
         "prop-types": "^15.8.1"
@@ -2286,15 +2285,15 @@
       }
     },
     "node_modules/@mui/system": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/@mui/system/-/system-6.1.4.tgz",
-      "integrity": "sha512-lCveY/UtDhYwMg1WnLc3wEEuGymLi6YI79VOwFV9zfZT5Et+XEw/e1It26fiKwUZ+mB1+v1iTYMpJnwnsrn2aQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.25.7",
-        "@mui/private-theming": "^6.1.4",
-        "@mui/styled-engine": "^6.1.4",
-        "@mui/types": "^7.2.18",
-        "@mui/utils": "^6.1.4",
+      "version": "6.1.10",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-6.1.10.tgz",
+      "integrity": "sha512-5YNIqxETR23SIkyP7MY2fFnXmplX/M4wNi2R+10AVRd3Ub+NLctWY/Vs5vq1oAMF0eSDLhRTGUjaUe+IGSfWqg==",
+      "dependencies": {
+        "@babel/runtime": "^7.26.0",
+        "@mui/private-theming": "^6.1.10",
+        "@mui/styled-engine": "^6.1.10",
+        "@mui/types": "^7.2.19",
+        "@mui/utils": "^6.1.10",
         "clsx": "^2.1.1",
         "csstype": "^3.1.3",
         "prop-types": "^15.8.1"
@@ -2325,9 +2324,9 @@
       }
     },
     "node_modules/@mui/types": {
-      "version": "7.2.18",
-      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.18.tgz",
-      "integrity": "sha512-uvK9dWeyCJl/3ocVnTOS6nlji/Knj8/tVqVX03UVTpdmTJYu/s4jtDd9Kvv0nRGE0CUSNW1UYAci7PYypjealg==",
+      "version": "7.2.19",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.19.tgz",
+      "integrity": "sha512-6XpZEM/Q3epK9RN8ENoXuygnqUQxE+siN/6rGRi2iwJPgBUR25mphYQ9ZI87plGh58YoZ5pp40bFvKYOCDJ3tA==",
       "peerDependencies": {
         "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
@@ -2338,12 +2337,12 @@
       }
     },
     "node_modules/@mui/utils": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-6.1.4.tgz",
-      "integrity": "sha512-v0wXkyh3/Hpw48ivlNvgs4ZT6M8BIEAMdLgvct59rQBggYFhoAVKyliKDzdj37CnIlYau3DYIn7x5bHlRYFBow==",
+      "version": "6.1.10",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-6.1.10.tgz",
+      "integrity": "sha512-1ETuwswGjUiAf2dP9TkBy8p49qrw2wXa+RuAjNTRE5+91vtXJ1HKrs7H9s8CZd1zDlQVzUcUAPm9lpQwF5ogTw==",
       "dependencies": {
-        "@babel/runtime": "^7.25.7",
-        "@mui/types": "^7.2.18",
+        "@babel/runtime": "^7.26.0",
+        "@mui/types": "^7.2.19",
         "@types/prop-types": "^15.7.13",
         "clsx": "^2.1.1",
         "prop-types": "^15.8.1",
@@ -4667,9 +4666,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001680",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001680.tgz",
-      "integrity": "sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA==",
+      "version": "1.0.30001687",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001687.tgz",
+      "integrity": "sha512-0S/FDhf4ZiqrTUiQ39dKeUjYRjkv7lOZU1Dgif2rIqrTzX/1wV2hfKu9TOm1IHkdSijfLswxTFzl/cvir+SLSQ==",
       "dev": true,
       "funding": [
         {
@@ -4722,14 +4721,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
     "node_modules/commander": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
@@ -5001,9 +4992,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.62",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.62.tgz",
-      "integrity": "sha512-t8c+zLmJHa9dJy96yBZRXGQYoiCEnHYgFwn1asvSPZSUdVxnB62A4RASd7k41ytG3ErFBA0TpHlKg9D9SQBmLg==",
+      "version": "1.5.71",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.71.tgz",
+      "integrity": "sha512-dB68l59BI75W1BUGVTAEJy45CEVuEGy9qPVVQ8pnHyHMn36PLPPoE1mjLH+lo9rKulO3HC2OhbACI/8tCqJBcA==",
       "dev": true
     },
     "node_modules/entities": {
@@ -5543,14 +5534,6 @@
         "graphql": "^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0"
       }
     },
-    "node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/hasown": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
@@ -5576,9 +5559,9 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
     "node_modules/iconoir": {
-      "version": "7.10.0",
-      "resolved": "https://registry.npmjs.org/iconoir/-/iconoir-7.10.0.tgz",
-      "integrity": "sha512-yFqLLeptXUbO3xvEInWVxEI7z8lssfT+yCG8algqCy5yp/HbAWqxlKHeUVEtEuIqGEZY5x68A2BwTF2g2nNXGg==",
+      "version": "7.10.1",
+      "resolved": "https://registry.npmjs.org/iconoir/-/iconoir-7.10.1.tgz",
+      "integrity": "sha512-cSH+dBz1YOtvsYBRsrvDnVHX1w8OtiylGSIgbzjc8l8+AiXlD+oDVLAA+yfoYV6eL8LypWlrbnHkYcBif+7BvQ==",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/iconoir"
@@ -5962,6 +5945,11 @@
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
     },
+    "node_modules/mui": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/mui/-/mui-0.0.1.tgz",
+      "integrity": "sha512-iB9zfxsJBcMkZ/SY6X+HGSPr4fftCZIQ76ZMH8iSMfVkidVzRtZlLW2gbWXUe+IMcj8JLv1p+dGKvPVlgtiocA=="
+    },
     "node_modules/nanoid": {
       "version": "3.3.7",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
@@ -6494,23 +6482,6 @@
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
       "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
-    "node_modules/rehackt": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/rehackt/-/rehackt-0.1.0.tgz",
-      "integrity": "sha512-7kRDOuLHB87D/JESKxQoRwv4DzbIdwkAGQ7p6QKGdVlY1IZheUnVhlk/4UZlNUVxdAXpyxikE3URsG067ybVzw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "*"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/regenerator-transform": {
       "version": "0.15.2",
       "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
@@ -6521,15 +6492,15 @@
       }
     },
     "node_modules/regexpu-core": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.1.1.tgz",
-      "integrity": "sha512-k67Nb9jvwJcJmVpw0jPttR1/zVfnKf8Km0IPatrU/zJ5XeG3+Slx0xLXs9HByJSzXzrlz5EDvN6yLNMDc2qdnw==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.2.0.tgz",
+      "integrity": "sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==",
       "dev": true,
       "dependencies": {
         "regenerate": "^1.4.2",
         "regenerate-unicode-properties": "^10.2.0",
         "regjsgen": "^0.8.0",
-        "regjsparser": "^0.11.0",
+        "regjsparser": "^0.12.0",
         "unicode-match-property-ecmascript": "^2.0.0",
         "unicode-match-property-value-ecmascript": "^2.1.0"
       },
@@ -6544,9 +6515,9 @@
       "dev": true
     },
     "node_modules/regjsparser": {
-      "version": "0.11.2",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.11.2.tgz",
-      "integrity": "sha512-3OGZZ4HoLJkkAZx/48mTXJNlmqTGOzc0o9OWQPuWpkOlXXPbyN6OafCcoXUnBqE2D3f/T5L+pWc1kdEmnfnRsA==",
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.12.0.tgz",
+      "integrity": "sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==",
       "dev": true,
       "dependencies": {
         "jsesc": "~3.0.2"
@@ -6555,6 +6526,23 @@
         "regjsparser": "bin/parser"
       }
     },
+    "node_modules/rehackt": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/rehackt/-/rehackt-0.1.0.tgz",
+      "integrity": "sha512-7kRDOuLHB87D/JESKxQoRwv4DzbIdwkAGQ7p6QKGdVlY1IZheUnVhlk/4UZlNUVxdAXpyxikE3URsG067ybVzw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -6871,12 +6859,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/symbol-observable": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-4.0.0.tgz",
-      "integrity": "sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==",
-      "engines": {
-        "node": ">=0.10"
     "node_modules/svg-parser": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
@@ -6908,6 +6890,14 @@
         "url": "https://opencollective.com/svgo"
       }
     },
+    "node_modules/symbol-observable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-4.0.0.tgz",
+      "integrity": "sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
diff --git a/package.json b/package.json
index a1b63e1..b6cf045 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@apollo/client": "^3.11.10",
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
+    "@mui/icons-material": "^6.1.10",
     "@mui/material": "^6.1.4",
     "@mui/styled-engine-sc": "^6.1.4",
     "@radix-ui/react-icons": "^1.3.0",
@@ -21,6 +22,7 @@
     "iconoir": "^7.10.0",
     "iconoir-react": "^7.9.0",
     "mongodb": "^6.11.0",
+    "mui": "^0.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-redux": "^9.1.2",
diff --git a/src/App.css b/src/App.css
new file mode 100644
index 0000000..57cc7da
--- /dev/null
+++ b/src/App.css
@@ -0,0 +1,31 @@
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.react:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+button:hover {
+  cursor: pointer;
+}
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index 882de7e..c8de818 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,8 +1,7 @@
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import SetUpPage from "./components/SetUpPage"
 import AddDegree from "./components/AddDegree/AddDegree";
-import SemesterHome from './app/Onboarding/SemesterHome/SemesterHome';
-import Header from "./components/Header/header";
+import SemesterHome from './app/SemesterHome/SemesterHome';
 
 function App() {
   return (
diff --git a/src/app/Onboarding/SemesterHome/SemesterHome.css b/src/app/Onboarding/SemesterHome/SemesterHome.css
deleted file mode 100644
index 3547ff8..0000000
--- a/src/app/Onboarding/SemesterHome/SemesterHome.css
+++ /dev/null
@@ -1,28 +0,0 @@
-/* .body {
-    display: block !important;
-} */
-.content {
-    display: flex;
-    flex: 1;
-    padding: 16px;
-    overflow: auto;
-    box-sizing: border-box;
-}
-  
-.semester-layout {
-    margin-left: 32px;
-    margin-right: 32px;
-}
-
-.semester-title {
-    color: var(--Primary-Text, #000);
-    /* Web UI/Heading/Heading Large */
-    font-family: "Inter Variable";
-    font-size: 28px;
-    font-style: normal;
-    font-weight: 580;
-    line-height: 36px; /* 128.571% */
-    letter-spacing: -0.28px;
-    text-align: left;
-    margin-left: 32px;
-}
\ No newline at end of file
diff --git a/src/app/Onboarding/SemesterHome/SemesterHome.tsx b/src/app/Onboarding/SemesterHome/SemesterHome.tsx
deleted file mode 100644
index ec5b886..0000000
--- a/src/app/Onboarding/SemesterHome/SemesterHome.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from 'react';
-import { useLocation } from 'react-router-dom';
-import SemesterBlock from "../../../components/SemesterBlock"
-import { Flex, Button } from '@radix-ui/themes';
-import SidePanel from "../../../components/SidePanel/SidePanel" 
-import "./SemesterHome.css"
-
-type DegreeOption = {
-  label: string;
-  value: string;
-};
-
-function SemesterHome() {
-  const location = useLocation();
-  const state = location.state as {
-    startYear: string;
-    gradYear: string;
-    summerCheck: boolean;
-    selectedDegreeList: DegreeOption[];
-};
-  const { startYear, gradYear, summerCheck, selectedDegreeList } = state;
-  const selectedDegreeStrings: string[] = selectedDegreeList.map((degree) => degree.value);
-
-
-  // Pretend this is the queried data
-  const user = {
-    "name": "Khankamol Chor Kongrukgreatiyos",
-    "majors": selectedDegreeStrings,
-    "minors": []
-  }
-
-  const numStartYear = parseInt(startYear, 10);
-  const numGradYear = parseInt(gradYear, 10);
-  const yearCount = numGradYear - numStartYear + 1;
-  const years = Array.from(
-    { length: yearCount }, 
-    (_, i) => numStartYear + i
-  );
-
-  return (
-    <>
-      <Flex direction="row" height="100vh" className='semester-home'>
-        {/* Side panel */}
-          <SidePanel 
-            name={user.name} 
-            majors={user.majors} 
-            minors={user.minors}
-            totalUnits={140}
-            transferUnits={40}
-            pnpTotal={15}
-          />
-
-        {/* Page body */}
-          <Flex direction="column" gap="32px">
-            <h3 className='semester-title'>Semesters</h3>
-            <Flex direction="row" gap="12px" className='semester-layout'>
-              <SemesterBlock selectedSemester={"Miscellaneous"} selectedYear={""}></SemesterBlock>
-                {years.map((year) => (
-                    <Flex key={year} className="year-element" direction="row" gap="12px">
-                      <SemesterBlock selectedSemester={"Fall"} selectedYear={year}></SemesterBlock>
-                      <SemesterBlock selectedSemester={"Spring"} selectedYear={year}></SemesterBlock>
-                      {summerCheck &&
-                        <SemesterBlock selectedSemester={"Summer"} selectedYear={year}></SemesterBlock>
-                      }
-                    </Flex>
-                  ))}
-            </Flex>
-          </Flex>
-      </Flex>
-    </>
-  );
-}
-
-export default SemesterHome;
\ No newline at end of file
diff --git a/src/app/SemesterHome/SemesterHome.css b/src/app/SemesterHome/SemesterHome.css
index 467bbaf..5b3fae0 100644
--- a/src/app/SemesterHome/SemesterHome.css
+++ b/src/app/SemesterHome/SemesterHome.css
@@ -1,43 +1,60 @@
-.semester-home-body {
-    display: flex;
-    flex-direction: column;  
-    height: 100vh;
-    width: 100vw;
-    padding-top: var(--S, 16px);
-    background: var(--White, #FFF); 
-    position: relative; 
-    overflow-x: auto; 
-    overflow-y: auto; 
-    box-sizing: border-box;    
+.body {
+    display: flex !important;
+    justify-content: start !important;
 }
-
 .content {
     display: flex;
     flex: 1;
-    flex-direction: column;
-    padding: 16px;
-    overflow: hidden;
+    /* padding: 16px; */
+    overflow: auto;
     box-sizing: border-box;
 }
   
 .semester-layout {
-    direction: row;
     margin: 32px;
+}
+
+.semester-home {
+    display: flex;
+    flex-direction: row; /* Stack items vertically */
+    justify-content: flex-start; /* Align content to the top */
+    align-items: flex-start; /* Align content to the left */
+    /* width: auto;  */
+    /* min-width: 240px;  */
+    height: 100vh; /* Make the panel span the full height of the viewport */
+    position: fixed; /* Fix the panel to the left side of the page */
+    top: 0;
+    left: 0;
+    /* padding: 16px;  */
+    z-index: 1000; /* Ensure it stays above other elements */
+}
+
+.semester-blocks {
+    overflow-x: auto; /* Enable horizontal scrolling */
     gap: 12px;
+    width: 100vw;
+    height: calc(100vh - 80px);
+    box-sizing: border-box;
+    position: relative;
+    top: 50px;
 
+  
 }
 
 .semester-title {
-    color: var(--Primary-Text, #000);
-    /* Web UI/Heading/Heading Large */
-    font-family: "Inter Variable";
-    font-size: 28px;
-    font-style: normal;
-    font-weight: 580;
-    line-height: 36px; /* 128.571% */
-    letter-spacing: -0.28px;
-    text-align: left;
-    margin-top: 32px;
-    margin-left: 32px;
-    position: sticky;
-}
+position: fixed; /* Fix the position */
+  top: 32px; /* Align it to the top */
+  left: 314px; /* Offset to account for the fixed side panel */
+  padding-left: 32px;
+  z-index: 100; /* Ensure it appears above other elements */
+  /* width: calc(100% - 240px); Take up the remaining width after the side panel */
+  color: var(--Primary-Text, #000); /* Ensure consistent text styling */
+  background-color: white;
+  width: 100%;
+  font-size: 28px;
+  font-style: normal;
+  font-weight: 580;
+  line-height: 36px; /* 128.571% */
+  letter-spacing: -0.28px;
+  text-align: left;
+}
\ No newline at end of file
diff --git a/src/app/SemesterHome/SemesterHome.tsx b/src/app/SemesterHome/SemesterHome.tsx
index f2f1ff3..6a956ce 100644
--- a/src/app/SemesterHome/SemesterHome.tsx
+++ b/src/app/SemesterHome/SemesterHome.tsx
@@ -1,19 +1,34 @@
+import React from 'react';
 import { useLocation } from 'react-router-dom';
 import SemesterBlock from "../../components/SemesterBlock"
 import { Flex } from '@radix-ui/themes';
 import SidePanel from "../../components/SidePanel/SidePanel" 
 import "./SemesterHome.css"
 
+type DegreeOption = {
+  label: string;
+  value: string;
+};
+
 function SemesterHome() {
   const location = useLocation();
-  const { startYear, gradYear, summerCheck } = location.state || {};
+  const state = location.state as {
+    startYear: string;
+    gradYear: string;
+    summerCheck: boolean;
+    selectedDegreeList: DegreeOption[];
+    selectedMinorList: DegreeOption[];
+};
+  const { startYear, gradYear, summerCheck, selectedDegreeList, selectedMinorList } = state;
+  const selectedDegreeStrings: string[] = selectedDegreeList.map((degree) => degree.value);
+  const selectedMinorStrings: string[] = selectedMinorList.map((minor) => minor.value);
+
 
   // Pretend this is the queried data
-  // TODO: Request for minors to be added to backend
   const user = {
-    "name": "Yuna Kim",
-    "majors": ["Computer Science BA", "Data Science"],
-    "minors": []
+    "name": "Khankamol Chor Kongrukgreatiyos",
+    "majors": selectedDegreeStrings,
+    "minors": selectedMinorStrings
   }
 
   const numStartYear = parseInt(startYear, 10);
@@ -24,36 +39,43 @@ function SemesterHome() {
     (_, i) => numStartYear + i
   );
 
+  const [semesterTotals, setSemesterTotals] = React.useState<Record<string, number>>({});
+
+  const updateTotalUnits = (semesterKey: string, newTotal: number) => {
+    setSemesterTotals((prev) => ({ ...prev, [semesterKey]: newTotal }));
+  };
+
+  const totalUnits = Object.values(semesterTotals).reduce((sum, units) => sum + units, 0);
+
   return (
     <>
-      <Flex direction="row" height="100vh">
+      <Flex direction="row" height="100vh" className='semester-home'>
         {/* Side panel */}
-        <SidePanel 
-          name={user.name} 
-          majors={user.majors} 
-          minors={user.minors}
-          totalUnits={140}
-          transferUnits={40}
-          pnpTotal={15}
-        />
+          <SidePanel 
+            name={user.name} 
+            majors={user.majors} 
+            minors={user.minors}
+            totalUnits={totalUnits}
+            transferUnits={40}
+            pnpTotal={15}
+          />
 
         {/* Page body */}
-        <Flex direction="column">
-          <h3 className='semester-title'>Semesters</h3>
-          <Flex className='semester-layout'>
-            <SemesterBlock selectedSemester={"Miscellaneous"} selectedYear={""}></SemesterBlock>
-              {years.map((year) => (
-                  <Flex key={year} className="year-element" direction="row" gap="12px">
-                    {/* Replace with the element you want to render */}
-                    <SemesterBlock selectedSemester={"Fall"} selectedYear={year}></SemesterBlock>
-                    <SemesterBlock selectedSemester={"Spring"} selectedYear={year}></SemesterBlock>
-                    {summerCheck &&
-                      <SemesterBlock selectedSemester={"Summer"} selectedYear={year}></SemesterBlock>
-                    }
-                  </Flex>
-                ))}
+          <Flex direction="column" gap="32px" className='semester-blocks'>
+            <h3 className='semester-title'>Semesters</h3>
+            <Flex direction="row" gap="12px" className='semester-layout'>
+              <SemesterBlock selectedSemester={"Miscellaneous"} selectedYear={""} onTotalUnitsChange={(newTotal) => updateTotalUnits("Miscellaneous", newTotal)}></SemesterBlock>
+                {years.map((year) => (
+                    <Flex key={year} className="year-element" direction="row" gap="12px">
+                      <SemesterBlock selectedSemester={"Fall"} selectedYear={year} onTotalUnitsChange={(newTotal) => updateTotalUnits(`Fall-${year}`, newTotal)}></SemesterBlock>
+                      <SemesterBlock selectedSemester={"Spring"} selectedYear={year} onTotalUnitsChange={(newTotal) => updateTotalUnits(`Spring-${year}`, newTotal)}></SemesterBlock>
+                      {summerCheck &&
+                        <SemesterBlock selectedSemester={"Summer"} selectedYear={year} onTotalUnitsChange={(newTotal) => updateTotalUnits(`Summer-${year}`, newTotal)}></SemesterBlock>
+                      }
+                    </Flex>
+                  ))}
+            </Flex>
           </Flex>
-        </Flex>
       </Flex>
     </>
   );
diff --git a/src/components/AddDegree/AddDegree.tsx b/src/components/AddDegree/AddDegree.tsx
index 9b13b91..b96a131 100644
--- a/src/components/AddDegree/AddDegree.tsx
+++ b/src/components/AddDegree/AddDegree.tsx
@@ -40,12 +40,14 @@ export default function AddDegree({ isMajor }: AddDegreeProps) {
     const handleAddDegree = () => {
         if (selectedDegree && !selectedDegreeList.some((degree) => degree.value === selectedDegree.value)) {
             setSelectedDegreeList([...selectedDegreeList, selectedDegree]);
+            setSelectedDegree(null);
         }
     };
 
     const handleAddMinor = () => {
-        if (selectedDegree && !selectedDegreeList.some((degree) => degree.value === selectedDegree.value)) {
+        if (selectedDegree && !selectedMinorList.some((degree) => degree.value === selectedDegree.value)) {
             setSelectedMinorList([...selectedMinorList, selectedDegree]);
+            setSelectedDegree(null);
         }
     };
     
@@ -73,7 +75,7 @@ export default function AddDegree({ isMajor }: AddDegreeProps) {
             isClearable={true}
             placeholder={`Search for a ${optionType.toLowerCase()}...`}
             value={selectedDegree}
-            onChange={(option) => setSelectedDegree(option as DegreeOption)} 
+            onChange={(option) => setSelectedDegree(option as DegreeOption | null)} 
         />
       )
 
@@ -97,7 +99,7 @@ export default function AddDegree({ isMajor }: AddDegreeProps) {
                 <Separator size="4"/>
                 <Flex direction="column" align="start" gap="16px"  width="100%">
                     <h2>Selected {optionType}s</h2>
-                    {selectedDegreeList.length === 0 ? (
+                    {(selectedDegreeList.length === 0 && isMajor) || (selectedMinorList.length === 0 && !isMajor) ? (
                         <p className="secondary-text">None Selected</p>
                     ) : (
                         <div className="selected-degree-list" id={`${optionType.toLowerCase()}s-list`}>
diff --git a/src/components/CustomClass/custom-class.css b/src/components/CustomClass/custom-class.css
index ca4702d..c32c61e 100644
--- a/src/components/CustomClass/custom-class.css
+++ b/src/components/CustomClass/custom-class.css
@@ -1,16 +1,17 @@
 .dialog-overlay {
-    background-color: rgba(0, 0, 0, 0.5);
+    background-color: rgba(0, 0, 0, 0.5) !important;
     position: fixed;
     inset: 0;
+    z-index: 1000;
+    
   }
   
   .dialog-content {
+    z-index: 1010;
     background-color: white;
-    padding: 20px;
     border-radius: 8px;
     display: flex;
     width: 400px;
-    /* height: 900px; */ 
     flex-direction: column;
     align-items: flex-start;
     margin: auto;
@@ -18,25 +19,30 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+    gap: 8px;
+    min-height: 200px;
+    /* max-height: 90%; */
+    max-height: 100%;
+    overflow-y: auto;
   }
   
   .dialog-title {
     color: var(--Primary-Text, #000);
+    margin: 0;
     width: 100%;
-/* Web UI/Heading/Heading Medium */
-    font-family: "Inter Variable";
     font-size: 20px;
     font-style: normal;
     font-weight: 580;
-    line-height: 24px; /* 120% */
+    line-height: 24px; 
     letter-spacing: -0.2px;
-    margin-bottom: 10px;
     display: flex;
     justify-content: space-between;
     align-items: center;
-    align-self: stretch;
+    /* align-self: stretch; */
     border-bottom: 1px solid #EAEAEA;
     background: var(--Hover-Primary, #F8F8F8);
+    padding: var(--M, 24px);
+    box-sizing: border-box;
 
   }
   
@@ -73,7 +79,6 @@
     padding: 0;
 	border-radius: 100%;
     border-color: #C7C7C7;
-	/* box-shadow: 0 2px 10px var(--black-a7); */
 }
 .RadioGroupItem:hover {
 	background-color: lightgray;
@@ -107,13 +112,14 @@
 .info {
   color: var(--Secondary-Text, #8A8A8A);
   /* Web UI/Heading/Heading Caps */
-  font-family: "Inter Variable";
   font-size: 12px;
   font-style: normal;
   font-weight: 580;
   line-height: 14px; /* 116.667% */
   letter-spacing: 1px;
   text-transform: uppercase;
+  padding-bottom: 8px;
+  /* padding-left: var(--S, 16px); */
 }
 
 .Label {
@@ -124,10 +130,17 @@
 }
 
 .reqBox {
-  background-color: white;
+  /* background-color: white; */
+  border-radius: var(--XXS, 4px);
   border: 1px solid var(--Gray-2, #C7C7C7);
+  background: var(--White, #FFF);
+  width: 100%;
   color: black;
   text-align: left;
+  display: flex;
+  justify-content: space-between;
+
+
 }
 
 .reqOptions {
@@ -137,7 +150,7 @@
 
 .reqOptionsBox {
   background-color: white;
-  width: 206px;
+  width: 100%;
 }
 
 input {
@@ -151,4 +164,28 @@ input {
   align-items: center;
   align-self: stretch;
   width: 100%;
+}
+
+.separate {
+  /* margin-top: 16px;
+  margin-bottom: 16px; */
+  width: 100%;
+  height: 1px;
+  background-color: lightgray;
+  /* margin: 10px 0; */
+}
+
+.sections {
+  padding-left: var(--S, 16px);
+  
+}
+
+.pinIcon {
+  font-size: 24;
+  color: '#e8eaed';
+   
+}
+
+.s1 {
+  display: inline;
 }
\ No newline at end of file
diff --git a/src/components/CustomClass/custom-class.tsx b/src/components/CustomClass/custom-class.tsx
index 971e479..de78d89 100644
--- a/src/components/CustomClass/custom-class.tsx
+++ b/src/components/CustomClass/custom-class.tsx
@@ -3,6 +3,8 @@ import "./custom-class.css";
 import React, { useState } from 'react';
 import * as Dialog from "@radix-ui/react-dialog";
 import * as RadioGroup from '@radix-ui/react-radio-group';
+import { Separator } from "@radix-ui/themes";
+import PinIcon from '@mui/icons-material/Pin';
 
 import { Xmark } from 'iconoir-react';
 import RequirementDropdown from "./requirements-dropdown";
@@ -34,30 +36,32 @@ function CustomClass({open, onClose, onConfirm}: CustomClassProps) {
             <Dialog.Root open={open} onOpenChange={onClose}>
                 <Dialog.Overlay className="dialog-overlay" />
                 <Dialog.Content className="dialog-content">
-                    <Dialog.Title className="dialog-title">Add Custom Class
-                    <Xmark onClick={onClose}/>
-                    </Dialog.Title>
-                    <div>
+                    <Dialog.Title className="dialog-title">Add Custom Class<Xmark onClick={onClose}/></Dialog.Title>
+                    <div className="sections">
                         <p className="info">INFO</p>
-                        <input type="text" placeholder='Add Class ID' value={classId} onChange={(e) => setClassId((e.target.value))}/>
+                        <div className="s1">
+                            <PinIcon className="pinIcon"/>
+                            <input type="text" placeholder='Add Class ID' value={classId} onChange={(e) => setClassId((e.target.value))} />
+                        </div>
                         <input placeholder="Add Class Title" type="text" value={className} onChange={(e) => setClassName(e.target.value)}/>
                     </div>
-                    <div className="divider-line" />
+                    {/* <div className="divider-line" /> */}
+                    <Separator size="4" className="separate"/>
 
-                    <div>
-                        <p>UNITS</p>
+                    <div className="sections">
+                        <p className="info">UNITS</p>
                         <input placeholder="Units" type="text" value={classUnits} onChange={(e) => setClassUnits((e.target.value))}/>
                     </div>
-                    <div className="divider-line" />
+                    <Separator size="4" className="separate"/>
 
-                    <div>
-                        <p>SEMESTER</p>
+                    <div className="sections">
+                        <p className="info">SEMESTER</p>
                         <input placeholder="Search for a semester..."/>
                     </div>
-                    <div className="divider-line" />
+                    <Separator size="4" className="separate"/>
 
-                    <div>
-                        <p>GRADING</p>
+                    <div className="sections">
+                        <p className="info">GRADING</p>
                         <RadioGroup.Root
                             className="RadioGroupRoot"
                             defaultValue="default"
@@ -81,10 +85,10 @@ function CustomClass({open, onClose, onConfirm}: CustomClassProps) {
                             </div>
                         </RadioGroup.Root>
                     </div>
-                    <div className="divider-line" />
+                    <Separator size="4" className="separate"/>
 
-                    <div>
-                        <p>CREDIT</p>
+                    <div className="sections">
+                        <p className="info">CREDIT</p>
                         <RadioGroup.Root
                             className="RadioGroupRoot"
                             defaultValue="default"
@@ -108,19 +112,16 @@ function CustomClass({open, onClose, onConfirm}: CustomClassProps) {
                             </div>
                         </RadioGroup.Root>
                     </div>
-                    <div className="divider-line" />
+                    <Separator size="4" className="separate"/>
 
-                    <div>
-                        <p>REQUIREMENTS FULFILLED</p>
+                    <div className="sections">
+                        <p className="info">REQUIREMENTS FULFILLED</p>
                         <RequirementDropdown></RequirementDropdown>
                     </div>
-                    <div className="divider-line" />
-                    
-                    {/* Dialog content goes here */}
-                    
+                    <Separator size="4" className="separate"/>
+
                     <Dialog.Close asChild>
                         <Button onClick={handleConfirm}>Confirm</Button>
-                    {/* <button onClick={onClose} className="close-button">Close</button> */}
                     </Dialog.Close>
                 </Dialog.Content>
             </Dialog.Root>
diff --git a/src/components/CustomClass/requirements-dropdown.tsx b/src/components/CustomClass/requirements-dropdown.tsx
index fa38eff..5524e83 100644
--- a/src/components/CustomClass/requirements-dropdown.tsx
+++ b/src/components/CustomClass/requirements-dropdown.tsx
@@ -14,7 +14,7 @@ function RequirementDropdown() {
     return (
       <DropdownMenu.Root>
           <DropdownMenu.Trigger className='reqBox'>
-          {reqFulfilled ? reqFulfilled : 'Select requirement...'}
+          {reqFulfilled ? reqFulfilled : 'Select a requirement...'}
               <ChevronDownIcon />
           </DropdownMenu.Trigger>
 
diff --git a/src/components/SemesterBlock/index.tsx b/src/components/SemesterBlock/index.tsx
index a70beaa..c5deeee 100644
--- a/src/components/SemesterBlock/index.tsx
+++ b/src/components/SemesterBlock/index.tsx
@@ -11,6 +11,7 @@ import CustomClass from "../CustomClass/custom-class";
 interface SemesterYearProps  {
     selectedYear: number | string;
     selectedSemester: string;
+    onTotalUnitsChange: (newTotal: number) => void;
   };
 
   type ClassType = {
@@ -19,7 +20,7 @@ interface SemesterYearProps  {
     units: number;
   };
 
-function SemesterBlock({ selectedYear, selectedSemester }: SemesterYearProps) {
+function SemesterBlock({ selectedYear, selectedSemester, onTotalUnitsChange }: SemesterYearProps) {
 
   const [isAddClassOpen, setIsAddClassOpen] = useState(false);
   const [selectedClasses, setSelectedClasses] = useState<ClassType[]>([]);
@@ -33,16 +34,23 @@ function SemesterBlock({ selectedYear, selectedSemester }: SemesterYearProps) {
 
   const handleDeleteClass = (indexToDelete: number) => {
     const deletedClassUnits = selectedClasses[indexToDelete].units;
+    const newTotalUnits = totalUnits - deletedClassUnits;
     setSelectedClasses((prevClasses) => 
       prevClasses.filter((_, index) => index !== indexToDelete)
     );
-    setTotalUnits((prevTotalUnits) => prevTotalUnits - deletedClassUnits);
+    setTotalUnits(newTotalUnits);
+    onTotalUnitsChange(newTotalUnits);
+    // setTotalUnits((prevTotalUnits) => prevTotalUnits - deletedClassUnits);
   };
 
   const handleEditClass = () => {};
   const addClass = (cls: ClassType) => {
     setSelectedClasses((prevClasses) => [...prevClasses, cls]);
-    setTotalUnits((prevTotal) => prevTotal + cls.units); // Update total units
+    const newTotalUnits = totalUnits + cls.units;
+    // setTotalUnits((prevTotal) => prevTotal + cls.units); 
+    setTotalUnits(newTotalUnits);
+    onTotalUnitsChange(newTotalUnits);
+
   };
 
     return (
diff --git a/src/components/SemesterBlock/semesterblock.css b/src/components/SemesterBlock/semesterblock.css
index c3e5ba7..6d642d4 100644
--- a/src/components/SemesterBlock/semesterblock.css
+++ b/src/components/SemesterBlock/semesterblock.css
@@ -68,6 +68,10 @@
     font-style: normal;
     font-weight: 500;
     line-height: 16px; /* 133.333% */
+    padding: 6px 4px;
+    border-radius: 4px;
+
+
 }
 
 .semesterCount {
diff --git a/src/components/SetUpPage/index.tsx b/src/components/SetUpPage/index.tsx
index 8c0191d..6ed6968 100644
--- a/src/components/SetUpPage/index.tsx
+++ b/src/components/SetUpPage/index.tsx
@@ -32,10 +32,8 @@ function SetUpPage() {
   return (
     <Flex className="setup-container" direction="column" gap="32px" width="100%" align="center">
       <Flex direction="column" gap="8px" width="100%" align="center">
-        <h1>Set Up</h1>
-        <p className="secondary-text">
-          Enter your start year and graduation year
-        </p>
+        <Text className="setup">Set Up</Text>
+        <Text className="enteryear">Enter your start year and graduation year</Text>
       </Flex>
 
       <Flex className= "yearContainer" direction="row" gap="16px" align="center">
@@ -63,4 +61,4 @@ function SetUpPage() {
   );
 }
 
-export default SetUpPage;
+export default SetUpPage;
\ No newline at end of file
diff --git a/src/components/SetUpPage/setup.css b/src/components/SetUpPage/setup.css
index 692ddec..a2fd65d 100644
--- a/src/components/SetUpPage/setup.css
+++ b/src/components/SetUpPage/setup.css
@@ -1,8 +1,4 @@
 .radix-themes {
-    /* display: flex !important; */
-    /* justify-content: center;
-    align-items: center;
-    place-items: center; */
     margin-left: auto;
     margin-right: auto;
 
@@ -26,7 +22,6 @@
 }
 
 
-
 body {
     background-color: white;
     display: flex; /* Enable Flexbox on the body */
diff --git a/src/components/SidePanel/SidePanel.css b/src/components/SidePanel/SidePanel.css
index bcb9e8d..b905c61 100644
--- a/src/components/SidePanel/SidePanel.css
+++ b/src/components/SidePanel/SidePanel.css
@@ -85,8 +85,8 @@ button.primary:hover {
     background: var(--Hover-A, #0069D9);
 }
 
-button.secondary {
-    width: 50px;
+button.panel-secondary {
+    width: 55px;
     padding: var(--XXS, 6px) var(--XS, 12px);
     justify-content: center;
     align-items: center;
@@ -98,7 +98,7 @@ button.secondary {
     color: var(--Blue, #2F80ED);
     transition: background-color 0.3s ease, border-color 0.3s ease;
 }
-button.secondary:hover {
+button.panel-secondary:hover {
     border: 1px solid var(--Gray-2, #C7C7C7);
     background: var(--Hover-B, #F3F4F9);
 }
@@ -130,4 +130,12 @@ button.secondary:hover {
   width: 20px;
   height: 10px;
   color: var(--Green, #13B56B);
+}
+
+.units-title {
+  color: var(--Secondary-Text, #8A8A8A);
+}
+
+.units-comp {
+  color: var(--Red, #ED6363);
 }
\ No newline at end of file
diff --git a/src/components/SidePanel/SidePanel.tsx b/src/components/SidePanel/SidePanel.tsx
index 776d47e..bb0e553 100644
--- a/src/components/SidePanel/SidePanel.tsx
+++ b/src/components/SidePanel/SidePanel.tsx
@@ -22,7 +22,7 @@ export default function SidePanel({ name, majors, minors, totalUnits, transferUn
                     <h2 className="truncate">{name}</h2>
                     <h2 className="secondary-text">Graduation Plan</h2>
                 </div>
-                <button className="secondary">Edit</button>
+                <button className="panel-secondary">Edit</button>
             </div>
             <div className="user-info-grid">
                 {/* Majors */}
@@ -56,10 +56,70 @@ export default function SidePanel({ name, majors, minors, totalUnits, transferUn
         </div>
     );
 
+    const MajorRequirements = (
+        <div>
+            {majors.map((major, index) => (
+                <div className="sidepanel-container accordion">
+                    <div className="sidepanel-header-container">
+                        <div className="user-header">
+                            <h2 className="truncate" key={index}>{major}</h2>
+                        </div>
+                    </div>
+                    <div className="accordion-contents">
+                    <div className="accordion-item ">
+                        <p className="units-title">Upper Division Units: </p>
+                        <p className="units-comp">0/8</p>
+                    </div>
+                    <div className="accordion-item ">
+                        <p className="units-title">Lower Division Units: </p>
+                        <p className="units-comp">0/8</p>
+                    </div>
+                    <div className="accordion-item ">
+                        <p className="units-title">Elective Units: </p>
+                        <p className="units-comp">0/7</p>
+                    </div>
+                    </div>
+                </div>
+            ))}
+        </div>
+    )
+
+    const MinorRequirements = (
+        <div>
+            {minors.map((minor, index) => (
+                <div className="sidepanel-container accordion">
+                    <div className="sidepanel-header-container">
+                        <div className="user-header">
+                            <h2 className="truncate" key={index}>{minor}</h2>
+                        </div>
+                    </div>
+                    <div className="accordion-contents">
+                    <div className="accordion-item ">
+                        <p className="units-title">Upper Division Units: </p>
+                        <p className="units-comp">0/8</p>
+                    </div>
+                    <div className="accordion-item ">
+                        <p className="units-title">Lower Division Units: </p>
+                        <p className="units-comp">0/8</p>
+                    </div>
+                    <div className="accordion-item ">
+                        <p className="units-title">Elective Units: </p>
+                        <p className="units-comp">0/7</p>
+                    </div>
+                    </div>
+                </div>
+            ))}
+        </div>
+    )
+
     return (
         <div className='sidepanel'>
             {UserInfo}
-            <Separator size="4" />       
+            <Separator size="4" /> 
+            {MajorRequirements}
+            <Separator size="4" /> 
+            {MinorRequirements}
+            <Separator size="4" />         
             <RequirementsAccordion title={"University of California"}/>
             <Separator size="4" />     
             <RequirementsAccordion title={"Breadth Requirements"}/>
diff --git a/yarn.lock b/yarn.lock
index e617336..774cbff 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -30,11 +30,7 @@
     tslib "^2.3.0"
     zen-observable-ts "^1.2.5"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz"
-  integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.24.7", "@babel/code-frame@^7.25.9":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.24.7", "@babel/code-frame@^7.25.9", "@babel/code-frame@^7.26.2":
   version "7.26.2"
   resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz"
   integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
@@ -44,9 +40,9 @@
     picocolors "^1.0.0"
 
 "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.25.9", "@babel/compat-data@^7.26.0":
-  version "7.26.2"
-  resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz"
-  integrity sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==
+  version "7.26.3"
+  resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.3.tgz"
+  integrity sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==
 
 "@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.0.0-0 || ^8.0.0-0 <8.0.0", "@babel/core@^7.12.0", "@babel/core@^7.13.0", "@babel/core@^7.21.3", "@babel/core@^7.25.2", "@babel/core@^7.4.0 || ^8.0.0-0 <8.0.0":
   version "7.25.2"
@@ -69,13 +65,13 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@^7.25.0", "@babel/generator@^7.25.9":
-  version "7.26.2"
-  resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz"
-  integrity sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==
+"@babel/generator@^7.25.0", "@babel/generator@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz"
+  integrity sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==
   dependencies:
-    "@babel/parser" "^7.26.2"
-    "@babel/types" "^7.26.0"
+    "@babel/parser" "^7.26.3"
+    "@babel/types" "^7.26.3"
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^3.0.2"
@@ -87,14 +83,6 @@
   dependencies:
     "@babel/types" "^7.25.9"
 
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz"
-  integrity sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==
-  dependencies:
-    "@babel/traverse" "^7.25.9"
-    "@babel/types" "^7.25.9"
-
 "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.25.2", "@babel/helper-compilation-targets@^7.25.9":
   version "7.25.9"
   resolved "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz"
@@ -120,12 +108,12 @@
     semver "^6.3.1"
 
 "@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz"
-  integrity sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==
+  version "7.26.3"
+  resolved "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.26.3.tgz"
+  integrity sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.25.9"
-    regexpu-core "^6.1.1"
+    regexpu-core "^6.2.0"
     semver "^6.3.1"
 
 "@babel/helper-define-polyfill-provider@^0.6.2", "@babel/helper-define-polyfill-provider@^0.6.3":
@@ -155,7 +143,7 @@
     "@babel/traverse" "^7.25.9"
     "@babel/types" "^7.25.9"
 
-"@babel/helper-module-transforms@^7.25.2", "@babel/helper-module-transforms@^7.25.9":
+"@babel/helper-module-transforms@^7.25.2", "@babel/helper-module-transforms@^7.25.9", "@babel/helper-module-transforms@^7.26.0":
   version "7.26.0"
   resolved "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz"
   integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==
@@ -194,14 +182,6 @@
     "@babel/helper-optimise-call-expression" "^7.25.9"
     "@babel/traverse" "^7.25.9"
 
-"@babel/helper-simple-access@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.25.9.tgz"
-  integrity sha512-c6WHXuiaRsJTyHYLJV75t9IqsmTbItYfdj99PnzYGQZkYKvan5/2jKJ7gu31J3/BJ/A18grImSPModuyG/Eo0Q==
-  dependencies:
-    "@babel/traverse" "^7.25.9"
-    "@babel/types" "^7.25.9"
-
 "@babel/helper-skip-transparent-expression-wrappers@^7.25.9":
   version "7.25.9"
   resolved "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz"
@@ -242,12 +222,12 @@
     "@babel/template" "^7.25.0"
     "@babel/types" "^7.25.6"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.20.7", "@babel/parser@^7.25.0", "@babel/parser@^7.25.9", "@babel/parser@^7.26.2":
-  version "7.26.2"
-  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz"
-  integrity sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==
+"@babel/parser@^7.1.0", "@babel/parser@^7.20.7", "@babel/parser@^7.25.0", "@babel/parser@^7.25.9", "@babel/parser@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz"
+  integrity sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==
   dependencies:
-    "@babel/types" "^7.26.0"
+    "@babel/types" "^7.26.3"
 
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.25.9":
   version "7.25.9"
@@ -442,11 +422,10 @@
     "@babel/helper-plugin-utils" "^7.25.9"
 
 "@babel/plugin-transform-exponentiation-operator@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz"
-  integrity sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==
+  version "7.26.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.26.3.tgz"
+  integrity sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==
   dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.25.9"
     "@babel/helper-plugin-utils" "^7.25.9"
 
 "@babel/plugin-transform-export-namespace-from@^7.25.9":
@@ -510,13 +489,12 @@
     "@babel/helper-plugin-utils" "^7.25.9"
 
 "@babel/plugin-transform-modules-commonjs@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.25.9.tgz"
-  integrity sha512-dwh2Ol1jWwL2MgkCzUSOvfmKElqQcuswAZypBSUsScMXvgdT8Ekq5YA6TtqpTVWH+4903NmboMuH1o9i8Rxlyg==
+  version "7.26.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz"
+  integrity sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==
   dependencies:
-    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-module-transforms" "^7.26.0"
     "@babel/helper-plugin-utils" "^7.25.9"
-    "@babel/helper-simple-access" "^7.25.9"
 
 "@babel/plugin-transform-modules-systemjs@^7.25.9":
   version "7.25.9"
@@ -742,9 +720,9 @@
     "@babel/helper-plugin-utils" "^7.25.9"
 
 "@babel/plugin-transform-typescript@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.25.9.tgz"
-  integrity sha512-7PbZQZP50tzv2KGGnhh82GSyMB01yKY9scIjf1a+GfZCtInOWqUH5+1EBU4t9fyR5Oykkkc9vFTs4OHrhHXljQ==
+  version "7.26.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.26.3.tgz"
+  integrity sha512-6+5hpdr6mETwSKjmJUdYw0EIkATiQhnELWlE3kJFBwSg/BGIVwVaVbX+gOXBCdc7Ln1RXZxyWGecIXhUfnl7oA==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.25.9"
     "@babel/helper-create-class-features-plugin" "^7.25.9"
@@ -868,9 +846,9 @@
     esutils "^2.0.2"
 
 "@babel/preset-react@^7.18.6":
-  version "7.25.9"
-  resolved "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.25.9.tgz"
-  integrity sha512-D3to0uSPiWE7rBrdIICCd0tJSIGpLaaGptna2+w7Pft5xMqLpA1sz99DK5TZ1TjGbdQ/VI1eCSZ06dv3lT4JOw==
+  version "7.26.3"
+  resolved "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.26.3.tgz"
+  integrity sha512-Nl03d6T9ky516DGK2YMxrTqvnpUW63TnJMOMonj+Zae0JiPC5BC9xPMSL6L8fiSpA5vP88qfygavVQvnLp+6Cw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.25.9"
     "@babel/helper-validator-option" "^7.25.9"
@@ -890,10 +868,10 @@
     "@babel/plugin-transform-modules-commonjs" "^7.25.9"
     "@babel/plugin-transform-typescript" "^7.25.9"
 
-"@babel/runtime@^7.12.0", "@babel/runtime@^7.12.5", "@babel/runtime@^7.18.3", "@babel/runtime@^7.25.7", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":
-  version "7.25.7"
-  resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.7.tgz"
-  integrity sha512-FjoyLe754PMiYsFaN5C94ttGiOmBNYTf6pLr4xXHAT5uctHb092PBszndLDR5XA/jghQvn4n7JMHl7dmTgbm9w==
+"@babel/runtime@^7.12.0", "@babel/runtime@^7.12.5", "@babel/runtime@^7.18.3", "@babel/runtime@^7.25.7", "@babel/runtime@^7.26.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":
+  version "7.26.0"
+  resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz"
+  integrity sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==
   dependencies:
     regenerator-runtime "^0.14.0"
 
@@ -907,22 +885,22 @@
     "@babel/types" "^7.25.9"
 
 "@babel/traverse@^7.25.2", "@babel/traverse@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz"
-  integrity sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==
+  version "7.26.4"
+  resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz"
+  integrity sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==
   dependencies:
-    "@babel/code-frame" "^7.25.9"
-    "@babel/generator" "^7.25.9"
-    "@babel/parser" "^7.25.9"
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.26.3"
+    "@babel/parser" "^7.26.3"
     "@babel/template" "^7.25.9"
-    "@babel/types" "^7.25.9"
+    "@babel/types" "^7.26.3"
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.21.3", "@babel/types@^7.25.2", "@babel/types@^7.25.6", "@babel/types@^7.25.9", "@babel/types@^7.26.0", "@babel/types@^7.4.4":
-  version "7.26.0"
-  resolved "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz"
-  integrity sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==
+"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.21.3", "@babel/types@^7.25.2", "@babel/types@^7.25.6", "@babel/types@^7.25.9", "@babel/types@^7.26.3", "@babel/types@^7.4.4":
+  version "7.26.3"
+  resolved "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz"
+  integrity sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==
   dependencies:
     "@babel/helper-string-parser" "^7.25.9"
     "@babel/helper-validator-identifier" "^7.25.9"
@@ -944,14 +922,14 @@
     source-map "^0.5.7"
     stylis "4.2.0"
 
-"@emotion/cache@^11.13.0", "@emotion/cache@^11.13.1", "@emotion/cache@^11.4.0":
-  version "11.13.1"
-  resolved "https://registry.npmjs.org/@emotion/cache/-/cache-11.13.1.tgz"
-  integrity sha512-iqouYkuEblRcXmylXIwwOodiEK5Ifl7JcX7o6V4jI3iW4mLXX3dmt5xwBtIkJiQEXFAI+pC8X0i67yiPkH9Ucw==
+"@emotion/cache@^11.13.0", "@emotion/cache@^11.13.5", "@emotion/cache@^11.4.0":
+  version "11.13.5"
+  resolved "https://registry.npmjs.org/@emotion/cache/-/cache-11.13.5.tgz"
+  integrity sha512-Z3xbtJ+UcK76eWkagZ1onvn/wAVb1GOMuR15s30Fm2wrMgC7jzpnO2JZXr4eujTTqoQFUrZIw/rT0c6Zzjca1g==
   dependencies:
     "@emotion/memoize" "^0.9.0"
     "@emotion/sheet" "^1.4.0"
-    "@emotion/utils" "^1.4.0"
+    "@emotion/utils" "^1.4.2"
     "@emotion/weak-memoize" "^0.4.0"
     stylis "4.2.0"
 
@@ -998,15 +976,15 @@
     "@emotion/weak-memoize" "^0.4.0"
     hoist-non-react-statics "^3.3.1"
 
-"@emotion/serialize@^1.2.0", "@emotion/serialize@^1.3.0", "@emotion/serialize@^1.3.1", "@emotion/serialize@^1.3.2":
-  version "1.3.2"
-  resolved "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.2.tgz"
-  integrity sha512-grVnMvVPK9yUVE6rkKfAJlYZgo0cu3l9iMC77V7DW6E1DUIrU68pSEXRmFZFOFB1QFo57TncmOcvcbMDWsL4yA==
+"@emotion/serialize@^1.2.0", "@emotion/serialize@^1.3.0", "@emotion/serialize@^1.3.1", "@emotion/serialize@^1.3.3":
+  version "1.3.3"
+  resolved "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz"
+  integrity sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==
   dependencies:
     "@emotion/hash" "^0.9.2"
     "@emotion/memoize" "^0.9.0"
     "@emotion/unitless" "^0.10.0"
-    "@emotion/utils" "^1.4.1"
+    "@emotion/utils" "^1.4.2"
     csstype "^3.0.2"
 
 "@emotion/sheet@^1.4.0":
@@ -1041,10 +1019,10 @@
   resolved "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.1.0.tgz"
   integrity sha512-+wBOcIV5snwGgI2ya3u99D7/FJquOIniQT1IKyDsBmEgwvpxMNeS65Oib7OnE2d2aY+3BU4OiH+0Wchf8yk3Hw==
 
-"@emotion/utils@^1.4.0", "@emotion/utils@^1.4.1":
-  version "1.4.1"
-  resolved "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.1.tgz"
-  integrity sha512-BymCXzCG3r72VKJxaYVwOXATqXIZ85cuvg0YOUDxMGNrKc1DJRZk8MgV5wyXRyEayIMd4FuXJIUgTBXvDNW5cA==
+"@emotion/utils@^1.4.0", "@emotion/utils@^1.4.2":
+  version "1.4.2"
+  resolved "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz"
+  integrity sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==
 
 "@emotion/weak-memoize@^0.4.0":
   version "0.4.0"
@@ -1195,21 +1173,28 @@
   dependencies:
     sparse-bitfield "^3.0.3"
 
-"@mui/core-downloads-tracker@^6.1.4":
-  version "6.1.4"
-  resolved "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-6.1.4.tgz"
-  integrity sha512-jCRsB9NDJJatVCHvwWSTfYUzuTQ7E0Km6tAQWz2Md1SLHIbVj5visC9yHbf/Cv2IDcG6XdHRv3e7Bt1rIburNw==
+"@mui/core-downloads-tracker@^6.1.10":
+  version "6.1.10"
+  resolved "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-6.1.10.tgz"
+  integrity sha512-LY5wdiLCBDY7u+Od8UmFINZFGN/5ZU90fhAslf/ZtfP+5RhuY45f679pqYIxe0y54l6Gkv9PFOc8Cs10LDTBYg==
 
-"@mui/material@^6.1.4":
-  version "6.1.4"
-  resolved "https://registry.npmjs.org/@mui/material/-/material-6.1.4.tgz"
-  integrity sha512-mIVdjzDYU4U/XYzf8pPEz3zDZFS4Wbyr0cjfgeGiT/s60EvtEresXXQy8XUA0bpJDJjgic1Hl5AIRcqWDyi2eg==
+"@mui/icons-material@^6.1.10":
+  version "6.1.10"
+  resolved "https://registry.npmjs.org/@mui/icons-material/-/icons-material-6.1.10.tgz"
+  integrity sha512-G6P1BCSt6EQDcKca47KwvKjlqgOXFbp2I3oWiOlFgKYTANBH89yk7ttMQ5ysqNxSYAB+4TdM37MlPYp4+FkVrQ==
   dependencies:
-    "@babel/runtime" "^7.25.7"
-    "@mui/core-downloads-tracker" "^6.1.4"
-    "@mui/system" "^6.1.4"
-    "@mui/types" "^7.2.18"
-    "@mui/utils" "^6.1.4"
+    "@babel/runtime" "^7.26.0"
+
+"@mui/material@^6.1.10", "@mui/material@^6.1.4":
+  version "6.1.10"
+  resolved "https://registry.npmjs.org/@mui/material/-/material-6.1.10.tgz"
+  integrity sha512-txnwYObY4N9ugv5T2n5h1KcbISegZ6l65w1/7tpSU5OB6MQCU94YkP8n/3slDw2KcEfRk4+4D8EUGfhSPMODEQ==
+  dependencies:
+    "@babel/runtime" "^7.26.0"
+    "@mui/core-downloads-tracker" "^6.1.10"
+    "@mui/system" "^6.1.10"
+    "@mui/types" "^7.2.19"
+    "@mui/utils" "^6.1.10"
     "@popperjs/core" "^2.11.8"
     "@types/react-transition-group" "^4.4.11"
     clsx "^2.1.1"
@@ -1218,13 +1203,13 @@
     react-is "^18.3.1"
     react-transition-group "^4.4.5"
 
-"@mui/private-theming@^6.1.4":
-  version "6.1.4"
-  resolved "https://registry.npmjs.org/@mui/private-theming/-/private-theming-6.1.4.tgz"
-  integrity sha512-FPa+W5BSrRM/1QI5Gf/GwJinJ2WsrKPpJB6xMmmXMXSUIp31YioIVT04i28DQUXFFB3yZY12ukcZi51iLvPljw==
+"@mui/private-theming@^6.1.10":
+  version "6.1.10"
+  resolved "https://registry.npmjs.org/@mui/private-theming/-/private-theming-6.1.10.tgz"
+  integrity sha512-DqgsH0XFEweeG3rQfVkqTkeXcj/E76PGYWag8flbPdV8IYdMo+DfVdFlZK8JEjsaIVD2Eu1kJg972XnH5pfnBQ==
   dependencies:
-    "@babel/runtime" "^7.25.7"
-    "@mui/utils" "^6.1.4"
+    "@babel/runtime" "^7.26.0"
+    "@mui/utils" "^6.1.10"
     prop-types "^15.8.1"
 
 "@mui/styled-engine-sc@^6.1.4":
@@ -1237,44 +1222,44 @@
     hoist-non-react-statics "^3.3.2"
     prop-types "^15.8.1"
 
-"@mui/styled-engine@^6.1.4":
-  version "6.1.4"
-  resolved "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-6.1.4.tgz"
-  integrity sha512-D+aiIDtJsU9OVJ7dgayhCDABJHT7jTlnz1FKyxa5mNVHsxjjeG1M4OpLsRQvx4dcvJfDywnU2cE+nFm4Ln2aFQ==
+"@mui/styled-engine@^6.1.10":
+  version "6.1.10"
+  resolved "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-6.1.10.tgz"
+  integrity sha512-+NV9adKZYhslJ270iPjf2yzdVJwav7CIaXcMlPSi1Xy1S/zRe5xFgZ6BEoMdmGRpr34lIahE8H1acXP2myrvRw==
   dependencies:
-    "@babel/runtime" "^7.25.7"
-    "@emotion/cache" "^11.13.1"
-    "@emotion/serialize" "^1.3.2"
+    "@babel/runtime" "^7.26.0"
+    "@emotion/cache" "^11.13.5"
+    "@emotion/serialize" "^1.3.3"
     "@emotion/sheet" "^1.4.0"
     csstype "^3.1.3"
     prop-types "^15.8.1"
 
-"@mui/system@^6.1.4":
-  version "6.1.4"
-  resolved "https://registry.npmjs.org/@mui/system/-/system-6.1.4.tgz"
-  integrity sha512-lCveY/UtDhYwMg1WnLc3wEEuGymLi6YI79VOwFV9zfZT5Et+XEw/e1It26fiKwUZ+mB1+v1iTYMpJnwnsrn2aQ==
+"@mui/system@^6.1.10":
+  version "6.1.10"
+  resolved "https://registry.npmjs.org/@mui/system/-/system-6.1.10.tgz"
+  integrity sha512-5YNIqxETR23SIkyP7MY2fFnXmplX/M4wNi2R+10AVRd3Ub+NLctWY/Vs5vq1oAMF0eSDLhRTGUjaUe+IGSfWqg==
   dependencies:
-    "@babel/runtime" "^7.25.7"
-    "@mui/private-theming" "^6.1.4"
-    "@mui/styled-engine" "^6.1.4"
-    "@mui/types" "^7.2.18"
-    "@mui/utils" "^6.1.4"
+    "@babel/runtime" "^7.26.0"
+    "@mui/private-theming" "^6.1.10"
+    "@mui/styled-engine" "^6.1.10"
+    "@mui/types" "^7.2.19"
+    "@mui/utils" "^6.1.10"
     clsx "^2.1.1"
     csstype "^3.1.3"
     prop-types "^15.8.1"
 
-"@mui/types@^7.2.18":
-  version "7.2.18"
-  resolved "https://registry.npmjs.org/@mui/types/-/types-7.2.18.tgz"
-  integrity sha512-uvK9dWeyCJl/3ocVnTOS6nlji/Knj8/tVqVX03UVTpdmTJYu/s4jtDd9Kvv0nRGE0CUSNW1UYAci7PYypjealg==
+"@mui/types@^7.2.19":
+  version "7.2.19"
+  resolved "https://registry.npmjs.org/@mui/types/-/types-7.2.19.tgz"
+  integrity sha512-6XpZEM/Q3epK9RN8ENoXuygnqUQxE+siN/6rGRi2iwJPgBUR25mphYQ9ZI87plGh58YoZ5pp40bFvKYOCDJ3tA==
 
-"@mui/utils@^6.1.4":
-  version "6.1.4"
-  resolved "https://registry.npmjs.org/@mui/utils/-/utils-6.1.4.tgz"
-  integrity sha512-v0wXkyh3/Hpw48ivlNvgs4ZT6M8BIEAMdLgvct59rQBggYFhoAVKyliKDzdj37CnIlYau3DYIn7x5bHlRYFBow==
+"@mui/utils@^6.1.10":
+  version "6.1.10"
+  resolved "https://registry.npmjs.org/@mui/utils/-/utils-6.1.10.tgz"
+  integrity sha512-1ETuwswGjUiAf2dP9TkBy8p49qrw2wXa+RuAjNTRE5+91vtXJ1HKrs7H9s8CZd1zDlQVzUcUAPm9lpQwF5ogTw==
   dependencies:
-    "@babel/runtime" "^7.25.7"
-    "@mui/types" "^7.2.18"
+    "@babel/runtime" "^7.26.0"
+    "@mui/types" "^7.2.19"
     "@types/prop-types" "^15.7.13"
     clsx "^2.1.1"
     prop-types "^15.8.1"
@@ -2410,9 +2395,9 @@ camelize@^1.0.0:
   integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
 
 caniuse-lite@^1.0.30001669:
-  version "1.0.30001680"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001680.tgz"
-  integrity sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA==
+  version "1.0.30001687"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001687.tgz"
+  integrity sha512-0S/FDhf4ZiqrTUiQ39dKeUjYRjkv7lOZU1Dgif2rIqrTzX/1wV2hfKu9TOm1IHkdSijfLswxTFzl/cvir+SLSQ==
 
 chalk@^4.0.0:
   version "4.1.2"
@@ -2444,13 +2429,6 @@ cluster-key-slot@1.1.2:
   resolved "https://registry.npmjs.org/cluster-key-slot/-/cluster-key-slot-1.1.2.tgz"
   integrity sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==
 
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
 color-convert@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz"
@@ -2647,9 +2625,9 @@ dot-case@^3.0.4:
     tslib "^2.0.3"
 
 electron-to-chromium@^1.5.41:
-  version "1.5.62"
-  resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.62.tgz"
-  integrity sha512-t8c+zLmJHa9dJy96yBZRXGQYoiCEnHYgFwn1asvSPZSUdVxnB62A4RASd7k41ytG3ErFBA0TpHlKg9D9SQBmLg==
+  version "1.5.71"
+  resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.71.tgz"
+  integrity sha512-dB68l59BI75W1BUGVTAEJy45CEVuEGy9qPVVQ8pnHyHMn36PLPPoE1mjLH+lo9rKulO3HC2OhbACI/8tCqJBcA==
 
 entities@^4.2.0, entities@^4.4.0:
   version "4.5.0"
@@ -2955,11 +2933,6 @@ graphql-tag@^2.12.6:
   resolved "https://registry.npmjs.org/graphql/-/graphql-16.9.0.tgz"
   integrity sha512-GGTKBX4SD7Wdb8mqeDLni2oaRGYQWjWHGKPQ24ZMnUtKfcsVoiv4uX8+LJr1K6U5VW2Lu1BwJnj7uiori0YtRw==
 
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz"
-  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
-
 has-flag@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz"
@@ -2985,9 +2958,9 @@ iconoir-react@^7.9.0:
   integrity sha512-6DKkVs7YKxYL3ZCqpoYDD89p/bvuDwPV8JXmrpDGRUafRH6QBMXMAMnQe4rWHLTUIB5UXVVSikvHcpJZjN5/TA==
 
 iconoir@^7.10.0:
-  version "7.10.0"
-  resolved "https://registry.npmjs.org/iconoir/-/iconoir-7.10.0.tgz"
-  integrity sha512-yFqLLeptXUbO3xvEInWVxEI7z8lssfT+yCG8algqCy5yp/HbAWqxlKHeUVEtEuIqGEZY5x68A2BwTF2g2nNXGg==
+  version "7.10.1"
+  resolved "https://registry.npmjs.org/iconoir/-/iconoir-7.10.1.tgz"
+  integrity sha512-cSH+dBz1YOtvsYBRsrvDnVHX1w8OtiylGSIgbzjc8l8+AiXlD+oDVLAA+yfoYV6eL8LypWlrbnHkYcBif+7BvQ==
 
 ignore@^5.2.0, ignore@^5.3.1:
   version "5.3.2"
@@ -3227,6 +3200,11 @@ ms@^2.1.3:
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
+mui@^0.0.1:
+  version "0.0.1"
+  resolved "https://registry.npmjs.org/mui/-/mui-0.0.1.tgz"
+  integrity sha512-iB9zfxsJBcMkZ/SY6X+HGSPr4fftCZIQ76ZMH8iSMfVkidVzRtZlLW2gbWXUe+IMcj8JLv1p+dGKvPVlgtiocA==
+
 nanoid@^3.3.7:
   version "3.3.7"
   resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz"
@@ -3519,6 +3497,7 @@ redis@^4.7.0:
     "@redis/json" "1.0.7"
     "@redis/search" "1.2.0"
     "@redis/time-series" "1.1.0"
+
 regenerate-unicode-properties@^10.2.0:
   version "10.2.0"
   resolved "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz"
@@ -3536,10 +3515,6 @@ regenerator-runtime@^0.14.0:
   resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz"
   integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
 
-rehackt@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.npmjs.org/rehackt/-/rehackt-0.1.0.tgz"
-  integrity sha512-7kRDOuLHB87D/JESKxQoRwv4DzbIdwkAGQ7p6QKGdVlY1IZheUnVhlk/4UZlNUVxdAXpyxikE3URsG067ybVzw==
 regenerator-transform@^0.15.2:
   version "0.15.2"
   resolved "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz"
@@ -3547,15 +3522,15 @@ regenerator-transform@^0.15.2:
   dependencies:
     "@babel/runtime" "^7.8.4"
 
-regexpu-core@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.1.1.tgz"
-  integrity sha512-k67Nb9jvwJcJmVpw0jPttR1/zVfnKf8Km0IPatrU/zJ5XeG3+Slx0xLXs9HByJSzXzrlz5EDvN6yLNMDc2qdnw==
+regexpu-core@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.2.0.tgz"
+  integrity sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==
   dependencies:
     regenerate "^1.4.2"
     regenerate-unicode-properties "^10.2.0"
     regjsgen "^0.8.0"
-    regjsparser "^0.11.0"
+    regjsparser "^0.12.0"
     unicode-match-property-ecmascript "^2.0.0"
     unicode-match-property-value-ecmascript "^2.1.0"
 
@@ -3564,13 +3539,18 @@ regjsgen@^0.8.0:
   resolved "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz"
   integrity sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==
 
-regjsparser@^0.11.0:
-  version "0.11.2"
-  resolved "https://registry.npmjs.org/regjsparser/-/regjsparser-0.11.2.tgz"
-  integrity sha512-3OGZZ4HoLJkkAZx/48mTXJNlmqTGOzc0o9OWQPuWpkOlXXPbyN6OafCcoXUnBqE2D3f/T5L+pWc1kdEmnfnRsA==
+regjsparser@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.npmjs.org/regjsparser/-/regjsparser-0.12.0.tgz"
+  integrity sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==
   dependencies:
     jsesc "~3.0.2"
 
+rehackt@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/rehackt/-/rehackt-0.1.0.tgz"
+  integrity sha512-7kRDOuLHB87D/JESKxQoRwv4DzbIdwkAGQ7p6QKGdVlY1IZheUnVhlk/4UZlNUVxdAXpyxikE3URsG067ybVzw==
+
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz"
@@ -3744,10 +3724,6 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-symbol-observable@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/symbol-observable/-/symbol-observable-4.0.0.tgz"
-  integrity sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==
 svg-parser@^2.0.4:
   version "2.0.4"
   resolved "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz"
@@ -3766,6 +3742,11 @@ svgo@^3.0.2:
     csso "^5.0.5"
     picocolors "^1.0.0"
 
+symbol-observable@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/symbol-observable/-/symbol-observable-4.0.0.tgz"
+  integrity sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==
+
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz"
@@ -3797,8 +3778,7 @@ ts-invariant@^0.10.3:
   dependencies:
     tslib "^2.1.0"
 
-tslib@^2.0.0, tslib@^2.1.0, tslib@^2.3.0:
-tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0:
+tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0:
   version "2.7.0"
   resolved "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz"
   integrity sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==