diff --git a/.pnp.cjs b/.pnp.cjs
index 583a8cee2..777f16989 100755
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -29,7 +29,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./",\
           "packageDependencies": [\
             ["@emotion/cache", "npm:11.11.0"],\
-            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
+            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.4"],\
             ["@emotion/server", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
             ["@emotion/styled", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
             ["@hookform/resolvers", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:2.9.11"],\
@@ -37,8 +37,9 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@lumieducation/h5p-react", "npm:9.3.2"],\
             ["@lumieducation/h5p-server", "npm:9.3.2"],\
             ["@mui/icons-material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.11.16"],\
-            ["@mui/material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.13.0"],\
+            ["@mui/material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.15.14"],\
             ["@mui/system", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.12.3"],\
+            ["@mui/x-data-grid", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:6.19.6"],\
             ["@next/eslint-plugin-next", "npm:12.3.4"],\
             ["@svgr/webpack", "npm:6.2.1"],\
             ["@swc/cli", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:0.1.62"],\
@@ -175,7 +176,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageDependencies": [\
             ["1village", "workspace:."],\
             ["@emotion/cache", "npm:11.11.0"],\
-            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
+            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.4"],\
             ["@emotion/server", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
             ["@emotion/styled", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
             ["@hookform/resolvers", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:2.9.11"],\
@@ -183,8 +184,9 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@lumieducation/h5p-react", "npm:9.3.2"],\
             ["@lumieducation/h5p-server", "npm:9.3.2"],\
             ["@mui/icons-material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.11.16"],\
-            ["@mui/material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.13.0"],\
+            ["@mui/material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.15.14"],\
             ["@mui/system", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.12.3"],\
+            ["@mui/x-data-grid", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:6.19.6"],\
             ["@next/eslint-plugin-next", "npm:12.3.4"],\
             ["@svgr/webpack", "npm:6.2.1"],\
             ["@swc/cli", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:0.1.62"],\
@@ -2896,6 +2898,14 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["regenerator-runtime", "npm:0.13.11"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:7.24.1", {\
+          "packageLocation": "./.yarn/cache/@babel-runtime-npm-7.24.1-45c3176b83-5c8f3b912b.zip/node_modules/@babel/runtime/",\
+          "packageDependencies": [\
+            ["@babel/runtime", "npm:7.24.1"],\
+            ["regenerator-runtime", "npm:0.14.1"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@babel/template", [\
@@ -3054,22 +3064,22 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["@emotion/react", [\
-        ["npm:11.11.0", {\
-          "packageLocation": "./.yarn/cache/@emotion-react-npm-11.11.0-fda75c579c-2653e7c3de.zip/node_modules/@emotion/react/",\
+        ["npm:11.11.4", {\
+          "packageLocation": "./.yarn/cache/@emotion-react-npm-11.11.4-52eda8b8fe-6abaa7a05c.zip/node_modules/@emotion/react/",\
           "packageDependencies": [\
-            ["@emotion/react", "npm:11.11.0"]\
+            ["@emotion/react", "npm:11.11.4"]\
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0", {\
-          "packageLocation": "./.yarn/__virtual__/@emotion-react-virtual-f99fd361f1/0/cache/@emotion-react-npm-11.11.0-fda75c579c-2653e7c3de.zip/node_modules/@emotion/react/",\
+        ["virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.4", {\
+          "packageLocation": "./.yarn/__virtual__/@emotion-react-virtual-014c054ab5/0/cache/@emotion-react-npm-11.11.4-52eda8b8fe-6abaa7a05c.zip/node_modules/@emotion/react/",\
           "packageDependencies": [\
-            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
+            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.4"],\
             ["@babel/runtime", "npm:7.21.5"],\
             ["@emotion/babel-plugin", "npm:11.11.0"],\
             ["@emotion/cache", "npm:11.11.0"],\
-            ["@emotion/serialize", "npm:1.1.2"],\
-            ["@emotion/use-insertion-effect-with-fallbacks", "virtual:f99fd361f1fc067555ef1e8981623f751dcbfefebcf74bb58951381b8bb0939ee69889b88ef914dd56cc626d2a54218962cc1bab61c54d28634f8b5918c14aba#npm:1.0.1"],\
+            ["@emotion/serialize", "npm:1.1.3"],\
+            ["@emotion/use-insertion-effect-with-fallbacks", "virtual:014c054ab5eaf0de7d33962ca1814fbfe1ece4ccd51f7b6ddbef6cc8685cc013d1f8f4dc969ee9683f0b5e31ecaa2056a5c05bc36ad4a7a7236d3b5207857aeb#npm:1.0.1"],\
             ["@emotion/utils", "npm:1.2.1"],\
             ["@emotion/weak-memoize", "npm:0.3.1"],\
             ["@types/react", "npm:17.0.47"],\
@@ -3095,6 +3105,18 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["csstype", "npm:3.1.2"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:1.1.3", {\
+          "packageLocation": "./.yarn/cache/@emotion-serialize-npm-1.1.3-0ce9e71d95-5a756ce7e2.zip/node_modules/@emotion/serialize/",\
+          "packageDependencies": [\
+            ["@emotion/serialize", "npm:1.1.3"],\
+            ["@emotion/hash", "npm:0.9.1"],\
+            ["@emotion/memoize", "npm:0.8.1"],\
+            ["@emotion/unitless", "npm:0.8.1"],\
+            ["@emotion/utils", "npm:1.2.1"],\
+            ["csstype", "npm:3.1.2"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@emotion/server", [\
@@ -3147,9 +3169,9 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/runtime", "npm:7.21.5"],\
             ["@emotion/babel-plugin", "npm:11.11.0"],\
             ["@emotion/is-prop-valid", "npm:1.2.1"],\
-            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
+            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.4"],\
             ["@emotion/serialize", "npm:1.1.2"],\
-            ["@emotion/use-insertion-effect-with-fallbacks", "virtual:f99fd361f1fc067555ef1e8981623f751dcbfefebcf74bb58951381b8bb0939ee69889b88ef914dd56cc626d2a54218962cc1bab61c54d28634f8b5918c14aba#npm:1.0.1"],\
+            ["@emotion/use-insertion-effect-with-fallbacks", "virtual:014c054ab5eaf0de7d33962ca1814fbfe1ece4ccd51f7b6ddbef6cc8685cc013d1f8f4dc969ee9683f0b5e31ecaa2056a5c05bc36ad4a7a7236d3b5207857aeb#npm:1.0.1"],\
             ["@emotion/utils", "npm:1.2.1"],\
             ["@types/emotion__react", null],\
             ["@types/react", "npm:17.0.47"],\
@@ -3181,10 +3203,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:f99fd361f1fc067555ef1e8981623f751dcbfefebcf74bb58951381b8bb0939ee69889b88ef914dd56cc626d2a54218962cc1bab61c54d28634f8b5918c14aba#npm:1.0.1", {\
-          "packageLocation": "./.yarn/__virtual__/@emotion-use-insertion-effect-with-fallbacks-virtual-77b9aa2cbb/0/cache/@emotion-use-insertion-effect-with-fallbacks-npm-1.0.1-730758c66c-700b6e5bbb.zip/node_modules/@emotion/use-insertion-effect-with-fallbacks/",\
+        ["virtual:014c054ab5eaf0de7d33962ca1814fbfe1ece4ccd51f7b6ddbef6cc8685cc013d1f8f4dc969ee9683f0b5e31ecaa2056a5c05bc36ad4a7a7236d3b5207857aeb#npm:1.0.1", {\
+          "packageLocation": "./.yarn/__virtual__/@emotion-use-insertion-effect-with-fallbacks-virtual-33525aec9d/0/cache/@emotion-use-insertion-effect-with-fallbacks-npm-1.0.1-730758c66c-700b6e5bbb.zip/node_modules/@emotion/use-insertion-effect-with-fallbacks/",\
           "packageDependencies": [\
-            ["@emotion/use-insertion-effect-with-fallbacks", "virtual:f99fd361f1fc067555ef1e8981623f751dcbfefebcf74bb58951381b8bb0939ee69889b88ef914dd56cc626d2a54218962cc1bab61c54d28634f8b5918c14aba#npm:1.0.1"],\
+            ["@emotion/use-insertion-effect-with-fallbacks", "virtual:014c054ab5eaf0de7d33962ca1814fbfe1ece4ccd51f7b6ddbef6cc8685cc013d1f8f4dc969ee9683f0b5e31ecaa2056a5c05bc36ad4a7a7236d3b5207857aeb#npm:1.0.1"],\
             ["@types/react", "npm:17.0.47"],\
             ["react", "npm:17.0.2"]\
           ],\
@@ -3231,6 +3253,63 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD"\
         }]\
       ]],\
+      ["@floating-ui/core", [\
+        ["npm:1.6.0", {\
+          "packageLocation": "./.yarn/cache/@floating-ui-core-npm-1.6.0-47cc2a9b3a-2e25c53b0c.zip/node_modules/@floating-ui/core/",\
+          "packageDependencies": [\
+            ["@floating-ui/core", "npm:1.6.0"],\
+            ["@floating-ui/utils", "npm:0.2.1"]\
+          ],\
+          "linkType": "HARD"\
+        }]\
+      ]],\
+      ["@floating-ui/dom", [\
+        ["npm:1.6.3", {\
+          "packageLocation": "./.yarn/cache/@floating-ui-dom-npm-1.6.3-cf39e1c671-81cbb18ece.zip/node_modules/@floating-ui/dom/",\
+          "packageDependencies": [\
+            ["@floating-ui/dom", "npm:1.6.3"],\
+            ["@floating-ui/core", "npm:1.6.0"],\
+            ["@floating-ui/utils", "npm:0.2.1"]\
+          ],\
+          "linkType": "HARD"\
+        }]\
+      ]],\
+      ["@floating-ui/react-dom", [\
+        ["npm:2.0.8", {\
+          "packageLocation": "./.yarn/cache/@floating-ui-react-dom-npm-2.0.8-adede82f46-5da7f13a69.zip/node_modules/@floating-ui/react-dom/",\
+          "packageDependencies": [\
+            ["@floating-ui/react-dom", "npm:2.0.8"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
+        ["virtual:8ae710dec8f3afdcf97bcd8ea7b97ade8da08cc27f77e6cfd30631e5eae303f10feaf5e3a2e8bda65bf9f873a90fa570b086c34e436b1c21d41194049df544ab#npm:2.0.8", {\
+          "packageLocation": "./.yarn/__virtual__/@floating-ui-react-dom-virtual-6ac8e409ea/0/cache/@floating-ui-react-dom-npm-2.0.8-adede82f46-5da7f13a69.zip/node_modules/@floating-ui/react-dom/",\
+          "packageDependencies": [\
+            ["@floating-ui/react-dom", "virtual:8ae710dec8f3afdcf97bcd8ea7b97ade8da08cc27f77e6cfd30631e5eae303f10feaf5e3a2e8bda65bf9f873a90fa570b086c34e436b1c21d41194049df544ab#npm:2.0.8"],\
+            ["@floating-ui/dom", "npm:1.6.3"],\
+            ["@types/react", "npm:17.0.47"],\
+            ["@types/react-dom", "npm:17.0.17"],\
+            ["react", "npm:17.0.2"],\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"]\
+          ],\
+          "packagePeers": [\
+            "@types/react-dom",\
+            "@types/react",\
+            "react-dom",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
+        }]\
+      ]],\
+      ["@floating-ui/utils", [\
+        ["npm:0.2.1", {\
+          "packageLocation": "./.yarn/cache/@floating-ui-utils-npm-0.2.1-5ad70234fc-9ed4380653.zip/node_modules/@floating-ui/utils/",\
+          "packageDependencies": [\
+            ["@floating-ui/utils", "npm:0.2.1"]\
+          ],\
+          "linkType": "HARD"\
+        }]\
+      ]],\
       ["@gar/promisify", [\
         ["npm:1.1.3", {\
           "packageLocation": "./.yarn/cache/@gar-promisify-npm-1.1.3-ac1a325862-4059f790e2.zip/node_modules/@gar/promisify/",\
@@ -3867,29 +3946,28 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["@mui/base", [\
-        ["npm:5.0.0-beta.0", {\
-          "packageLocation": "./.yarn/cache/@mui-base-npm-5.0.0-beta.0-1f2c2963c9-1312e20f32.zip/node_modules/@mui/base/",\
+        ["npm:5.0.0-beta.40", {\
+          "packageLocation": "./.yarn/cache/@mui-base-npm-5.0.0-beta.40-248417914d-9c084ee67d.zip/node_modules/@mui/base/",\
           "packageDependencies": [\
-            ["@mui/base", "npm:5.0.0-beta.0"]\
+            ["@mui/base", "npm:5.0.0-beta.40"]\
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:5.0.0-beta.0", {\
-          "packageLocation": "./.yarn/__virtual__/@mui-base-virtual-bf5b40ea66/0/cache/@mui-base-npm-5.0.0-beta.0-1f2c2963c9-1312e20f32.zip/node_modules/@mui/base/",\
+        ["virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.0.0-beta.40", {\
+          "packageLocation": "./.yarn/__virtual__/@mui-base-virtual-8ae710dec8/0/cache/@mui-base-npm-5.0.0-beta.40-248417914d-9c084ee67d.zip/node_modules/@mui/base/",\
           "packageDependencies": [\
-            ["@mui/base", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:5.0.0-beta.0"],\
-            ["@babel/runtime", "npm:7.21.5"],\
-            ["@emotion/is-prop-valid", "npm:1.2.1"],\
-            ["@mui/types", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:7.2.4"],\
-            ["@mui/utils", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:5.12.3"],\
-            ["@popperjs/core", "npm:2.11.7"],\
+            ["@mui/base", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.0.0-beta.40"],\
+            ["@babel/runtime", "npm:7.24.1"],\
+            ["@floating-ui/react-dom", "virtual:8ae710dec8f3afdcf97bcd8ea7b97ade8da08cc27f77e6cfd30631e5eae303f10feaf5e3a2e8bda65bf9f873a90fa570b086c34e436b1c21d41194049df544ab#npm:2.0.8"],\
+            ["@mui/types", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:7.2.14"],\
+            ["@mui/utils", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.15.14"],\
+            ["@popperjs/core", "npm:2.11.8"],\
             ["@types/react", "npm:17.0.47"],\
             ["@types/react-dom", "npm:17.0.17"],\
-            ["clsx", "npm:1.2.1"],\
+            ["clsx", "npm:2.1.0"],\
             ["prop-types", "npm:15.8.1"],\
             ["react", "npm:17.0.2"],\
-            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"],\
-            ["react-is", "npm:17.0.2"]\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"]\
           ],\
           "packagePeers": [\
             "@types/react-dom",\
@@ -3901,10 +3979,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["@mui/core-downloads-tracker", [\
-        ["npm:5.13.0", {\
-          "packageLocation": "./.yarn/cache/@mui-core-downloads-tracker-npm-5.13.0-e6fa820f13-7919c72b85.zip/node_modules/@mui/core-downloads-tracker/",\
+        ["npm:5.15.14", {\
+          "packageLocation": "./.yarn/cache/@mui-core-downloads-tracker-npm-5.15.14-64629ad8a1-0a1c63d906.zip/node_modules/@mui/core-downloads-tracker/",\
           "packageDependencies": [\
-            ["@mui/core-downloads-tracker", "npm:5.13.0"]\
+            ["@mui/core-downloads-tracker", "npm:5.15.14"]\
           ],\
           "linkType": "HARD"\
         }]\
@@ -3922,7 +4000,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageDependencies": [\
             ["@mui/icons-material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.11.16"],\
             ["@babel/runtime", "npm:7.21.5"],\
-            ["@mui/material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.13.0"],\
+            ["@mui/material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.15.14"],\
             ["@types/mui__material", null],\
             ["@types/react", "npm:17.0.47"],\
             ["react", "npm:17.0.2"]\
@@ -3937,37 +4015,37 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["@mui/material", [\
-        ["npm:5.13.0", {\
-          "packageLocation": "./.yarn/cache/@mui-material-npm-5.13.0-36f6bb79c1-3601eae0a5.zip/node_modules/@mui/material/",\
+        ["npm:5.15.14", {\
+          "packageLocation": "./.yarn/cache/@mui-material-npm-5.15.14-c27014d763-6105cea67d.zip/node_modules/@mui/material/",\
           "packageDependencies": [\
-            ["@mui/material", "npm:5.13.0"]\
+            ["@mui/material", "npm:5.15.14"]\
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.13.0", {\
-          "packageLocation": "./.yarn/__virtual__/@mui-material-virtual-f88a6d4311/0/cache/@mui-material-npm-5.13.0-36f6bb79c1-3601eae0a5.zip/node_modules/@mui/material/",\
+        ["virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.15.14", {\
+          "packageLocation": "./.yarn/__virtual__/@mui-material-virtual-2a0c5e7e26/0/cache/@mui-material-npm-5.15.14-c27014d763-6105cea67d.zip/node_modules/@mui/material/",\
           "packageDependencies": [\
-            ["@mui/material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.13.0"],\
-            ["@babel/runtime", "npm:7.21.5"],\
-            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
+            ["@mui/material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.15.14"],\
+            ["@babel/runtime", "npm:7.24.1"],\
+            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.4"],\
             ["@emotion/styled", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
-            ["@mui/base", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:5.0.0-beta.0"],\
-            ["@mui/core-downloads-tracker", "npm:5.13.0"],\
-            ["@mui/system", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.12.3"],\
-            ["@mui/types", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:7.2.4"],\
-            ["@mui/utils", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:5.12.3"],\
+            ["@mui/base", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.0.0-beta.40"],\
+            ["@mui/core-downloads-tracker", "npm:5.15.14"],\
+            ["@mui/system", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.15.14"],\
+            ["@mui/types", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:7.2.14"],\
+            ["@mui/utils", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.15.14"],\
             ["@types/emotion__react", null],\
             ["@types/emotion__styled", null],\
             ["@types/react", "npm:17.0.47"],\
             ["@types/react-dom", "npm:17.0.17"],\
-            ["@types/react-transition-group", "npm:4.4.6"],\
-            ["clsx", "npm:1.2.1"],\
-            ["csstype", "npm:3.1.2"],\
+            ["@types/react-transition-group", "npm:4.4.10"],\
+            ["clsx", "npm:2.1.0"],\
+            ["csstype", "npm:3.1.3"],\
             ["prop-types", "npm:15.8.1"],\
             ["react", "npm:17.0.2"],\
             ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"],\
             ["react-is", "npm:17.0.2"],\
-            ["react-transition-group", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:4.4.5"]\
+            ["react-transition-group", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:4.4.5"]\
           ],\
           "packagePeers": [\
             "@emotion/react",\
@@ -3990,12 +4068,35 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["npm:5.15.14", {\
+          "packageLocation": "./.yarn/cache/@mui-private-theming-npm-5.15.14-da7d55aa3f-1b1ef54e82.zip/node_modules/@mui/private-theming/",\
+          "packageDependencies": [\
+            ["@mui/private-theming", "npm:5.15.14"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
         ["virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:5.12.3", {\
           "packageLocation": "./.yarn/__virtual__/@mui-private-theming-virtual-eea026a613/0/cache/@mui-private-theming-npm-5.12.3-401bca898f-4607951eff.zip/node_modules/@mui/private-theming/",\
           "packageDependencies": [\
             ["@mui/private-theming", "virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:5.12.3"],\
             ["@babel/runtime", "npm:7.21.5"],\
-            ["@mui/utils", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:5.12.3"],\
+            ["@mui/utils", "virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:5.12.3"],\
+            ["@types/react", "npm:17.0.47"],\
+            ["prop-types", "npm:15.8.1"],\
+            ["react", "npm:17.0.2"]\
+          ],\
+          "packagePeers": [\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
+        }],\
+        ["virtual:eb93d74728f121f7f19606c609ff956f17f85d72aaa7ad4bdf8ac2bc3a961adad33c3065b6efcf65949a8c5f7bc0de3cd60f8ecb17867c1eea13d59d3ca98015#npm:5.15.14", {\
+          "packageLocation": "./.yarn/__virtual__/@mui-private-theming-virtual-83e225ded5/0/cache/@mui-private-theming-npm-5.15.14-da7d55aa3f-1b1ef54e82.zip/node_modules/@mui/private-theming/",\
+          "packageDependencies": [\
+            ["@mui/private-theming", "virtual:eb93d74728f121f7f19606c609ff956f17f85d72aaa7ad4bdf8ac2bc3a961adad33c3065b6efcf65949a8c5f7bc0de3cd60f8ecb17867c1eea13d59d3ca98015#npm:5.15.14"],\
+            ["@babel/runtime", "npm:7.24.1"],\
+            ["@mui/utils", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.15.14"],\
             ["@types/react", "npm:17.0.47"],\
             ["prop-types", "npm:15.8.1"],\
             ["react", "npm:17.0.2"]\
@@ -4015,13 +4116,20 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["npm:5.15.14", {\
+          "packageLocation": "./.yarn/cache/@mui-styled-engine-npm-5.15.14-f2c4d6b014-23b45c859a.zip/node_modules/@mui/styled-engine/",\
+          "packageDependencies": [\
+            ["@mui/styled-engine", "npm:5.15.14"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
         ["virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:5.12.3", {\
           "packageLocation": "./.yarn/__virtual__/@mui-styled-engine-virtual-a9dde311b5/0/cache/@mui-styled-engine-npm-5.12.3-7512b59aef-bd96f27601.zip/node_modules/@mui/styled-engine/",\
           "packageDependencies": [\
             ["@mui/styled-engine", "virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:5.12.3"],\
             ["@babel/runtime", "npm:7.21.5"],\
             ["@emotion/cache", "npm:11.11.0"],\
-            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
+            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.4"],\
             ["@emotion/styled", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
             ["@types/emotion__react", null],\
             ["@types/emotion__styled", null],\
@@ -4039,6 +4147,31 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "react"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:eb93d74728f121f7f19606c609ff956f17f85d72aaa7ad4bdf8ac2bc3a961adad33c3065b6efcf65949a8c5f7bc0de3cd60f8ecb17867c1eea13d59d3ca98015#npm:5.15.14", {\
+          "packageLocation": "./.yarn/__virtual__/@mui-styled-engine-virtual-688f345c37/0/cache/@mui-styled-engine-npm-5.15.14-f2c4d6b014-23b45c859a.zip/node_modules/@mui/styled-engine/",\
+          "packageDependencies": [\
+            ["@mui/styled-engine", "virtual:eb93d74728f121f7f19606c609ff956f17f85d72aaa7ad4bdf8ac2bc3a961adad33c3065b6efcf65949a8c5f7bc0de3cd60f8ecb17867c1eea13d59d3ca98015#npm:5.15.14"],\
+            ["@babel/runtime", "npm:7.24.1"],\
+            ["@emotion/cache", "npm:11.11.0"],\
+            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.4"],\
+            ["@emotion/styled", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
+            ["@types/emotion__react", null],\
+            ["@types/emotion__styled", null],\
+            ["@types/react", "npm:17.0.47"],\
+            ["csstype", "npm:3.1.3"],\
+            ["prop-types", "npm:15.8.1"],\
+            ["react", "npm:17.0.2"]\
+          ],\
+          "packagePeers": [\
+            "@emotion/react",\
+            "@emotion/styled",\
+            "@types/emotion__react",\
+            "@types/emotion__styled",\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@mui/system", [\
@@ -4049,17 +4182,53 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["npm:5.15.14", {\
+          "packageLocation": "./.yarn/cache/@mui-system-npm-5.15.14-7001c56e01-bcc216274a.zip/node_modules/@mui/system/",\
+          "packageDependencies": [\
+            ["@mui/system", "npm:5.15.14"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
+        ["virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.15.14", {\
+          "packageLocation": "./.yarn/__virtual__/@mui-system-virtual-eb93d74728/0/cache/@mui-system-npm-5.15.14-7001c56e01-bcc216274a.zip/node_modules/@mui/system/",\
+          "packageDependencies": [\
+            ["@mui/system", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.15.14"],\
+            ["@babel/runtime", "npm:7.24.1"],\
+            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.4"],\
+            ["@emotion/styled", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
+            ["@mui/private-theming", "virtual:eb93d74728f121f7f19606c609ff956f17f85d72aaa7ad4bdf8ac2bc3a961adad33c3065b6efcf65949a8c5f7bc0de3cd60f8ecb17867c1eea13d59d3ca98015#npm:5.15.14"],\
+            ["@mui/styled-engine", "virtual:eb93d74728f121f7f19606c609ff956f17f85d72aaa7ad4bdf8ac2bc3a961adad33c3065b6efcf65949a8c5f7bc0de3cd60f8ecb17867c1eea13d59d3ca98015#npm:5.15.14"],\
+            ["@mui/types", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:7.2.14"],\
+            ["@mui/utils", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.15.14"],\
+            ["@types/emotion__react", null],\
+            ["@types/emotion__styled", null],\
+            ["@types/react", "npm:17.0.47"],\
+            ["clsx", "npm:2.1.0"],\
+            ["csstype", "npm:3.1.3"],\
+            ["prop-types", "npm:15.8.1"],\
+            ["react", "npm:17.0.2"]\
+          ],\
+          "packagePeers": [\
+            "@emotion/react",\
+            "@emotion/styled",\
+            "@types/emotion__react",\
+            "@types/emotion__styled",\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
+        }],\
         ["virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.12.3", {\
           "packageLocation": "./.yarn/__virtual__/@mui-system-virtual-9b3e88b49f/0/cache/@mui-system-npm-5.12.3-0043cb49ed-c2f0e55e8f.zip/node_modules/@mui/system/",\
           "packageDependencies": [\
             ["@mui/system", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.12.3"],\
             ["@babel/runtime", "npm:7.21.5"],\
-            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
+            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.4"],\
             ["@emotion/styled", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
             ["@mui/private-theming", "virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:5.12.3"],\
             ["@mui/styled-engine", "virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:5.12.3"],\
-            ["@mui/types", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:7.2.4"],\
-            ["@mui/utils", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:5.12.3"],\
+            ["@mui/types", "virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:7.2.4"],\
+            ["@mui/utils", "virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:5.12.3"],\
             ["@types/emotion__react", null],\
             ["@types/emotion__styled", null],\
             ["@types/react", "npm:17.0.47"],\
@@ -4080,6 +4249,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["@mui/types", [\
+        ["npm:7.2.14", {\
+          "packageLocation": "./.yarn/cache/@mui-types-npm-7.2.14-c3027ebada-615c9f9110.zip/node_modules/@mui/types/",\
+          "packageDependencies": [\
+            ["@mui/types", "npm:7.2.14"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
         ["npm:7.2.4", {\
           "packageLocation": "./.yarn/cache/@mui-types-npm-7.2.4-b806d33b78-16bea05474.zip/node_modules/@mui/types/",\
           "packageDependencies": [\
@@ -4087,10 +4263,21 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:7.2.4", {\
-          "packageLocation": "./.yarn/__virtual__/@mui-types-virtual-68e434b660/0/cache/@mui-types-npm-7.2.4-b806d33b78-16bea05474.zip/node_modules/@mui/types/",\
+        ["virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:7.2.14", {\
+          "packageLocation": "./.yarn/__virtual__/@mui-types-virtual-14d963ea30/0/cache/@mui-types-npm-7.2.14-c3027ebada-615c9f9110.zip/node_modules/@mui/types/",\
           "packageDependencies": [\
-            ["@mui/types", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:7.2.4"],\
+            ["@mui/types", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:7.2.14"],\
+            ["@types/react", "npm:17.0.47"]\
+          ],\
+          "packagePeers": [\
+            "@types/react"\
+          ],\
+          "linkType": "HARD"\
+        }],\
+        ["virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:7.2.4", {\
+          "packageLocation": "./.yarn/__virtual__/@mui-types-virtual-162baf2915/0/cache/@mui-types-npm-7.2.4-b806d33b78-16bea05474.zip/node_modules/@mui/types/",\
+          "packageDependencies": [\
+            ["@mui/types", "virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:7.2.4"],\
             ["@types/react", "npm:17.0.47"]\
           ],\
           "packagePeers": [\
@@ -4107,10 +4294,34 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:5.12.3", {\
-          "packageLocation": "./.yarn/__virtual__/@mui-utils-virtual-f20993e128/0/cache/@mui-utils-npm-5.12.3-b9d75a1b62-bec2d8e173.zip/node_modules/@mui/utils/",\
+        ["npm:5.15.14", {\
+          "packageLocation": "./.yarn/cache/@mui-utils-npm-5.15.14-0912681c9c-36543ba7e3.zip/node_modules/@mui/utils/",\
+          "packageDependencies": [\
+            ["@mui/utils", "npm:5.15.14"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
+        ["virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.15.14", {\
+          "packageLocation": "./.yarn/__virtual__/@mui-utils-virtual-409434f055/0/cache/@mui-utils-npm-5.15.14-0912681c9c-36543ba7e3.zip/node_modules/@mui/utils/",\
+          "packageDependencies": [\
+            ["@mui/utils", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.15.14"],\
+            ["@babel/runtime", "npm:7.24.1"],\
+            ["@types/prop-types", "npm:15.7.11"],\
+            ["@types/react", "npm:17.0.47"],\
+            ["prop-types", "npm:15.8.1"],\
+            ["react", "npm:17.0.2"],\
+            ["react-is", "npm:17.0.2"]\
+          ],\
+          "packagePeers": [\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
+        }],\
+        ["virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:5.12.3", {\
+          "packageLocation": "./.yarn/__virtual__/@mui-utils-virtual-ead13643fa/0/cache/@mui-utils-npm-5.12.3-b9d75a1b62-bec2d8e173.zip/node_modules/@mui/utils/",\
           "packageDependencies": [\
-            ["@mui/utils", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:5.12.3"],\
+            ["@mui/utils", "virtual:9b3e88b49f4f994937d7438c0925cb34f0fda9709951eabb47c7bf902d22d86e8359468ff1f66c03f36ecf0fce1e31d6f620a9a1f1c8127731fec6ba785b285a#npm:5.12.3"],\
             ["@babel/runtime", "npm:7.21.5"],\
             ["@types/prop-types", "npm:15.7.5"],\
             ["@types/react", "npm:17.0.47"],\
@@ -4126,6 +4337,45 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD"\
         }]\
       ]],\
+      ["@mui/x-data-grid", [\
+        ["npm:6.19.6", {\
+          "packageLocation": "./.yarn/cache/@mui-x-data-grid-npm-6.19.6-31db4a54ae-279b441ecf.zip/node_modules/@mui/x-data-grid/",\
+          "packageDependencies": [\
+            ["@mui/x-data-grid", "npm:6.19.6"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
+        ["virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:6.19.6", {\
+          "packageLocation": "./.yarn/__virtual__/@mui-x-data-grid-virtual-cae8d69247/0/cache/@mui-x-data-grid-npm-6.19.6-31db4a54ae-279b441ecf.zip/node_modules/@mui/x-data-grid/",\
+          "packageDependencies": [\
+            ["@mui/x-data-grid", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:6.19.6"],\
+            ["@babel/runtime", "npm:7.24.1"],\
+            ["@mui/material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.15.14"],\
+            ["@mui/system", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.12.3"],\
+            ["@mui/utils", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:5.15.14"],\
+            ["@types/mui__material", null],\
+            ["@types/mui__system", null],\
+            ["@types/react", "npm:17.0.47"],\
+            ["@types/react-dom", "npm:17.0.17"],\
+            ["clsx", "npm:2.1.0"],\
+            ["prop-types", "npm:15.8.1"],\
+            ["react", "npm:17.0.2"],\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"],\
+            ["reselect", "npm:4.1.8"]\
+          ],\
+          "packagePeers": [\
+            "@mui/material",\
+            "@mui/system",\
+            "@types/mui__material",\
+            "@types/mui__system",\
+            "@types/react-dom",\
+            "@types/react",\
+            "react-dom",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
+        }]\
+      ]],\
       ["@next/env", [\
         ["npm:12.3.4", {\
           "packageLocation": "./.yarn/cache/@next-env-npm-12.3.4-262e30cb7e-daa3fc11ef.zip/node_modules/@next/env/",\
@@ -4351,10 +4601,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["@popperjs/core", [\
-        ["npm:2.11.7", {\
-          "packageLocation": "./.yarn/cache/@popperjs-core-npm-2.11.7-c1bac58243-5b65537478.zip/node_modules/@popperjs/core/",\
+        ["npm:2.11.8", {\
+          "packageLocation": "./.yarn/cache/@popperjs-core-npm-2.11.8-f1692e11a0-e5c69fdebf.zip/node_modules/@popperjs/core/",\
           "packageDependencies": [\
-            ["@popperjs/core", "npm:2.11.7"]\
+            ["@popperjs/core", "npm:2.11.8"]\
           ],\
           "linkType": "HARD"\
         }]\
@@ -5552,6 +5802,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["@types/prop-types", [\
+        ["npm:15.7.11", {\
+          "packageLocation": "./.yarn/cache/@types-prop-types-npm-15.7.11-a0a5a0025c-7519ff11d0.zip/node_modules/@types/prop-types/",\
+          "packageDependencies": [\
+            ["@types/prop-types", "npm:15.7.11"]\
+          ],\
+          "linkType": "HARD"\
+        }],\
         ["npm:15.7.5", {\
           "packageLocation": "./.yarn/cache/@types-prop-types-npm-15.7.5-2aa48aa177-5b43b8b154.zip/node_modules/@types/prop-types/",\
           "packageDependencies": [\
@@ -5620,10 +5877,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["@types/react-transition-group", [\
-        ["npm:4.4.6", {\
-          "packageLocation": "./.yarn/cache/@types-react-transition-group-npm-4.4.6-3b139bdf30-0872143821.zip/node_modules/@types/react-transition-group/",\
+        ["npm:4.4.10", {\
+          "packageLocation": "./.yarn/cache/@types-react-transition-group-npm-4.4.10-5e11bed850-fe2ea11f70.zip/node_modules/@types/react-transition-group/",\
           "packageDependencies": [\
-            ["@types/react-transition-group", "npm:4.4.6"],\
+            ["@types/react-transition-group", "npm:4.4.10"],\
             ["@types/react", "npm:17.0.47"]\
           ],\
           "linkType": "HARD"\
@@ -7540,7 +7797,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/cache/browserslist-npm-4.21.5-e3b9e9d029-9755986b22.zip/node_modules/browserslist/",\
           "packageDependencies": [\
             ["browserslist", "npm:4.21.5"],\
-            ["caniuse-lite", "npm:1.0.30001487"],\
+            ["caniuse-lite", "npm:1.0.30001599"],\
             ["electron-to-chromium", "npm:1.4.394"],\
             ["node-releases", "npm:2.0.10"],\
             ["update-browserslist-db", "virtual:e3b9e9d029ed690d72cbb29196ba0a23f15b398eeb926347678187be937db870a04cbf984eecc8e0ec9c290158a9cd8607d12f0188665abe039fa4a9051a22ac#npm:1.0.11"]\
@@ -7802,10 +8059,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["caniuse-lite", [\
-        ["npm:1.0.30001487", {\
-          "packageLocation": "./.yarn/cache/caniuse-lite-npm-1.0.30001487-0bc8a63356-b5a9e72ec1.zip/node_modules/caniuse-lite/",\
+        ["npm:1.0.30001599", {\
+          "packageLocation": "./.yarn/cache/caniuse-lite-npm-1.0.30001599-834cd4cb82-d7e619e2e7.zip/node_modules/caniuse-lite/",\
           "packageDependencies": [\
-            ["caniuse-lite", "npm:1.0.30001487"]\
+            ["caniuse-lite", "npm:1.0.30001599"]\
           ],\
           "linkType": "HARD"\
         }]\
@@ -8082,6 +8339,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["clsx", "npm:1.2.1"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:2.1.0", {\
+          "packageLocation": "./.yarn/cache/clsx-npm-2.1.0-29d286e1de-43fefc29b6.zip/node_modules/clsx/",\
+          "packageDependencies": [\
+            ["clsx", "npm:2.1.0"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["co", [\
@@ -8602,6 +8866,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["csstype", "npm:3.1.2"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:3.1.3", {\
+          "packageLocation": "./.yarn/cache/csstype-npm-3.1.3-e9a1c85013-8db785cc92.zip/node_modules/csstype/",\
+          "packageDependencies": [\
+            ["csstype", "npm:3.1.3"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["custom-error-instance", [\
@@ -14541,7 +14812,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@types/react", "npm:17.0.47"],\
             ["@types/react-dom", "npm:17.0.17"],\
             ["@types/sass", "npm:1.43.1"],\
-            ["caniuse-lite", "npm:1.0.30001487"],\
+            ["caniuse-lite", "npm:1.0.30001599"],\
             ["fibers", null],\
             ["node-sass", null],\
             ["postcss", "npm:8.4.14"],\
@@ -14799,9 +15070,9 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/notistack-virtual-44dad19181/0/cache/notistack-npm-2.0.8-0c62fcab60-f95952ea72.zip/node_modules/notistack/",\
           "packageDependencies": [\
             ["notistack", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:2.0.8"],\
-            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
+            ["@emotion/react", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.4"],\
             ["@emotion/styled", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.11.0"],\
-            ["@mui/material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.13.0"],\
+            ["@mui/material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.15.14"],\
             ["@types/emotion__react", null],\
             ["@types/emotion__styled", null],\
             ["@types/mui__material", null],\
@@ -16066,10 +16337,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:4.4.5", {\
-          "packageLocation": "./.yarn/__virtual__/react-transition-group-virtual-f882904b3c/0/cache/react-transition-group-npm-4.4.5-98ea4ef96e-7560284010.zip/node_modules/react-transition-group/",\
+        ["virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:4.4.5", {\
+          "packageLocation": "./.yarn/__virtual__/react-transition-group-virtual-3517617e70/0/cache/react-transition-group-npm-4.4.5-98ea4ef96e-7560284010.zip/node_modules/react-transition-group/",\
           "packageDependencies": [\
-            ["react-transition-group", "virtual:f88a6d43118f2cb46a84adbd4f4d619132aa9d4bb1de098f5533b2c03399992406314a68a9d45165dc418d804de25284461263b98f0d07d0c38b6a867e658f89#npm:4.4.5"],\
+            ["react-transition-group", "virtual:2a0c5e7e269262e1c359bad9ba9d3a932d64bcdfd5387ebdf1100d5bcdc55e30c75548d943bc3a24b5b41c13fad550b67c6e3c071412194f49c2f31dc53558a8#npm:4.4.5"],\
             ["@babel/runtime", "npm:7.21.5"],\
             ["@types/react", "npm:17.0.47"],\
             ["@types/react-dom", "npm:17.0.17"],\
@@ -16197,6 +16468,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["regenerator-runtime", "npm:0.13.11"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:0.14.1", {\
+          "packageLocation": "./.yarn/cache/regenerator-runtime-npm-0.14.1-a6c97c609a-9f57c93277.zip/node_modules/regenerator-runtime/",\
+          "packageDependencies": [\
+            ["regenerator-runtime", "npm:0.14.1"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["regenerator-transform", [\
@@ -16359,6 +16637,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD"\
         }]\
       ]],\
+      ["reselect", [\
+        ["npm:4.1.8", {\
+          "packageLocation": "./.yarn/cache/reselect-npm-4.1.8-cad5f0a3f3-a4ac87ceda.zip/node_modules/reselect/",\
+          "packageDependencies": [\
+            ["reselect", "npm:4.1.8"]\
+          ],\
+          "linkType": "HARD"\
+        }]\
+      ]],\
       ["resize-observer-polyfill", [\
         ["npm:1.5.1", {\
           "packageLocation": "./.yarn/cache/resize-observer-polyfill-npm-1.5.1-603120e8a0-57e7f79489.zip/node_modules/resize-observer-polyfill/",\
diff --git a/.yarn/cache/@babel-runtime-npm-7.24.1-45c3176b83-5c8f3b912b.zip b/.yarn/cache/@babel-runtime-npm-7.24.1-45c3176b83-5c8f3b912b.zip
new file mode 100644
index 000000000..5cda4ed30
Binary files /dev/null and b/.yarn/cache/@babel-runtime-npm-7.24.1-45c3176b83-5c8f3b912b.zip differ
diff --git a/.yarn/cache/@emotion-react-npm-11.11.0-fda75c579c-2653e7c3de.zip b/.yarn/cache/@emotion-react-npm-11.11.0-fda75c579c-2653e7c3de.zip
deleted file mode 100644
index 29b9de7fa..000000000
Binary files a/.yarn/cache/@emotion-react-npm-11.11.0-fda75c579c-2653e7c3de.zip and /dev/null differ
diff --git a/.yarn/cache/@emotion-react-npm-11.11.4-52eda8b8fe-6abaa7a05c.zip b/.yarn/cache/@emotion-react-npm-11.11.4-52eda8b8fe-6abaa7a05c.zip
new file mode 100644
index 000000000..a83144980
Binary files /dev/null and b/.yarn/cache/@emotion-react-npm-11.11.4-52eda8b8fe-6abaa7a05c.zip differ
diff --git a/.yarn/cache/@emotion-serialize-npm-1.1.3-0ce9e71d95-5a756ce7e2.zip b/.yarn/cache/@emotion-serialize-npm-1.1.3-0ce9e71d95-5a756ce7e2.zip
new file mode 100644
index 000000000..cd7f8d322
Binary files /dev/null and b/.yarn/cache/@emotion-serialize-npm-1.1.3-0ce9e71d95-5a756ce7e2.zip differ
diff --git a/.yarn/cache/@floating-ui-core-npm-1.6.0-47cc2a9b3a-2e25c53b0c.zip b/.yarn/cache/@floating-ui-core-npm-1.6.0-47cc2a9b3a-2e25c53b0c.zip
new file mode 100644
index 000000000..b09fec3a7
Binary files /dev/null and b/.yarn/cache/@floating-ui-core-npm-1.6.0-47cc2a9b3a-2e25c53b0c.zip differ
diff --git a/.yarn/cache/@floating-ui-dom-npm-1.6.3-cf39e1c671-81cbb18ece.zip b/.yarn/cache/@floating-ui-dom-npm-1.6.3-cf39e1c671-81cbb18ece.zip
new file mode 100644
index 000000000..bc4778990
Binary files /dev/null and b/.yarn/cache/@floating-ui-dom-npm-1.6.3-cf39e1c671-81cbb18ece.zip differ
diff --git a/.yarn/cache/@floating-ui-react-dom-npm-2.0.8-adede82f46-5da7f13a69.zip b/.yarn/cache/@floating-ui-react-dom-npm-2.0.8-adede82f46-5da7f13a69.zip
new file mode 100644
index 000000000..e2bc71dff
Binary files /dev/null and b/.yarn/cache/@floating-ui-react-dom-npm-2.0.8-adede82f46-5da7f13a69.zip differ
diff --git a/.yarn/cache/@floating-ui-utils-npm-0.2.1-5ad70234fc-9ed4380653.zip b/.yarn/cache/@floating-ui-utils-npm-0.2.1-5ad70234fc-9ed4380653.zip
new file mode 100644
index 000000000..796197254
Binary files /dev/null and b/.yarn/cache/@floating-ui-utils-npm-0.2.1-5ad70234fc-9ed4380653.zip differ
diff --git a/.yarn/cache/@mui-base-npm-5.0.0-beta.0-1f2c2963c9-1312e20f32.zip b/.yarn/cache/@mui-base-npm-5.0.0-beta.0-1f2c2963c9-1312e20f32.zip
deleted file mode 100644
index cec89e62f..000000000
Binary files a/.yarn/cache/@mui-base-npm-5.0.0-beta.0-1f2c2963c9-1312e20f32.zip and /dev/null differ
diff --git a/.yarn/cache/@mui-base-npm-5.0.0-beta.40-248417914d-9c084ee67d.zip b/.yarn/cache/@mui-base-npm-5.0.0-beta.40-248417914d-9c084ee67d.zip
new file mode 100644
index 000000000..b606953a1
Binary files /dev/null and b/.yarn/cache/@mui-base-npm-5.0.0-beta.40-248417914d-9c084ee67d.zip differ
diff --git a/.yarn/cache/@mui-core-downloads-tracker-npm-5.13.0-e6fa820f13-7919c72b85.zip b/.yarn/cache/@mui-core-downloads-tracker-npm-5.13.0-e6fa820f13-7919c72b85.zip
deleted file mode 100644
index 86806cf69..000000000
Binary files a/.yarn/cache/@mui-core-downloads-tracker-npm-5.13.0-e6fa820f13-7919c72b85.zip and /dev/null differ
diff --git a/.yarn/cache/@mui-core-downloads-tracker-npm-5.15.14-64629ad8a1-0a1c63d906.zip b/.yarn/cache/@mui-core-downloads-tracker-npm-5.15.14-64629ad8a1-0a1c63d906.zip
new file mode 100644
index 000000000..f792d1396
Binary files /dev/null and b/.yarn/cache/@mui-core-downloads-tracker-npm-5.15.14-64629ad8a1-0a1c63d906.zip differ
diff --git a/.yarn/cache/@mui-material-npm-5.13.0-36f6bb79c1-3601eae0a5.zip b/.yarn/cache/@mui-material-npm-5.13.0-36f6bb79c1-3601eae0a5.zip
deleted file mode 100644
index d3ba8dadf..000000000
Binary files a/.yarn/cache/@mui-material-npm-5.13.0-36f6bb79c1-3601eae0a5.zip and /dev/null differ
diff --git a/.yarn/cache/@mui-material-npm-5.15.14-c27014d763-6105cea67d.zip b/.yarn/cache/@mui-material-npm-5.15.14-c27014d763-6105cea67d.zip
new file mode 100644
index 000000000..ed36758d4
Binary files /dev/null and b/.yarn/cache/@mui-material-npm-5.15.14-c27014d763-6105cea67d.zip differ
diff --git a/.yarn/cache/@mui-private-theming-npm-5.15.14-da7d55aa3f-1b1ef54e82.zip b/.yarn/cache/@mui-private-theming-npm-5.15.14-da7d55aa3f-1b1ef54e82.zip
new file mode 100644
index 000000000..82c4da62b
Binary files /dev/null and b/.yarn/cache/@mui-private-theming-npm-5.15.14-da7d55aa3f-1b1ef54e82.zip differ
diff --git a/.yarn/cache/@mui-styled-engine-npm-5.15.14-f2c4d6b014-23b45c859a.zip b/.yarn/cache/@mui-styled-engine-npm-5.15.14-f2c4d6b014-23b45c859a.zip
new file mode 100644
index 000000000..0de3a6f93
Binary files /dev/null and b/.yarn/cache/@mui-styled-engine-npm-5.15.14-f2c4d6b014-23b45c859a.zip differ
diff --git a/.yarn/cache/@mui-system-npm-5.15.14-7001c56e01-bcc216274a.zip b/.yarn/cache/@mui-system-npm-5.15.14-7001c56e01-bcc216274a.zip
new file mode 100644
index 000000000..bcc9e3f68
Binary files /dev/null and b/.yarn/cache/@mui-system-npm-5.15.14-7001c56e01-bcc216274a.zip differ
diff --git a/.yarn/cache/@mui-types-npm-7.2.14-c3027ebada-615c9f9110.zip b/.yarn/cache/@mui-types-npm-7.2.14-c3027ebada-615c9f9110.zip
new file mode 100644
index 000000000..5dec4cae4
Binary files /dev/null and b/.yarn/cache/@mui-types-npm-7.2.14-c3027ebada-615c9f9110.zip differ
diff --git a/.yarn/cache/@mui-utils-npm-5.15.14-0912681c9c-36543ba7e3.zip b/.yarn/cache/@mui-utils-npm-5.15.14-0912681c9c-36543ba7e3.zip
new file mode 100644
index 000000000..f4334aeed
Binary files /dev/null and b/.yarn/cache/@mui-utils-npm-5.15.14-0912681c9c-36543ba7e3.zip differ
diff --git a/.yarn/cache/@mui-x-data-grid-npm-6.19.6-31db4a54ae-279b441ecf.zip b/.yarn/cache/@mui-x-data-grid-npm-6.19.6-31db4a54ae-279b441ecf.zip
new file mode 100644
index 000000000..531db5c3d
Binary files /dev/null and b/.yarn/cache/@mui-x-data-grid-npm-6.19.6-31db4a54ae-279b441ecf.zip differ
diff --git a/.yarn/cache/@popperjs-core-npm-2.11.7-c1bac58243-5b65537478.zip b/.yarn/cache/@popperjs-core-npm-2.11.7-c1bac58243-5b65537478.zip
deleted file mode 100644
index 12651e965..000000000
Binary files a/.yarn/cache/@popperjs-core-npm-2.11.7-c1bac58243-5b65537478.zip and /dev/null differ
diff --git a/.yarn/cache/@popperjs-core-npm-2.11.8-f1692e11a0-e5c69fdebf.zip b/.yarn/cache/@popperjs-core-npm-2.11.8-f1692e11a0-e5c69fdebf.zip
new file mode 100644
index 000000000..a5eef4b22
Binary files /dev/null and b/.yarn/cache/@popperjs-core-npm-2.11.8-f1692e11a0-e5c69fdebf.zip differ
diff --git a/.yarn/cache/@types-prop-types-npm-15.7.11-a0a5a0025c-7519ff11d0.zip b/.yarn/cache/@types-prop-types-npm-15.7.11-a0a5a0025c-7519ff11d0.zip
new file mode 100644
index 000000000..3c7a78a8b
Binary files /dev/null and b/.yarn/cache/@types-prop-types-npm-15.7.11-a0a5a0025c-7519ff11d0.zip differ
diff --git a/.yarn/cache/@types-react-transition-group-npm-4.4.10-5e11bed850-fe2ea11f70.zip b/.yarn/cache/@types-react-transition-group-npm-4.4.10-5e11bed850-fe2ea11f70.zip
new file mode 100644
index 000000000..296352220
Binary files /dev/null and b/.yarn/cache/@types-react-transition-group-npm-4.4.10-5e11bed850-fe2ea11f70.zip differ
diff --git a/.yarn/cache/@types-react-transition-group-npm-4.4.6-3b139bdf30-0872143821.zip b/.yarn/cache/@types-react-transition-group-npm-4.4.6-3b139bdf30-0872143821.zip
deleted file mode 100644
index 3fffa5d81..000000000
Binary files a/.yarn/cache/@types-react-transition-group-npm-4.4.6-3b139bdf30-0872143821.zip and /dev/null differ
diff --git a/.yarn/cache/caniuse-lite-npm-1.0.30001487-0bc8a63356-b5a9e72ec1.zip b/.yarn/cache/caniuse-lite-npm-1.0.30001487-0bc8a63356-b5a9e72ec1.zip
deleted file mode 100644
index c2e4c686e..000000000
Binary files a/.yarn/cache/caniuse-lite-npm-1.0.30001487-0bc8a63356-b5a9e72ec1.zip and /dev/null differ
diff --git a/.yarn/cache/caniuse-lite-npm-1.0.30001599-834cd4cb82-d7e619e2e7.zip b/.yarn/cache/caniuse-lite-npm-1.0.30001599-834cd4cb82-d7e619e2e7.zip
new file mode 100644
index 000000000..a87ecfaa8
Binary files /dev/null and b/.yarn/cache/caniuse-lite-npm-1.0.30001599-834cd4cb82-d7e619e2e7.zip differ
diff --git a/.yarn/cache/clsx-npm-2.1.0-29d286e1de-43fefc29b6.zip b/.yarn/cache/clsx-npm-2.1.0-29d286e1de-43fefc29b6.zip
new file mode 100644
index 000000000..5acc86eb6
Binary files /dev/null and b/.yarn/cache/clsx-npm-2.1.0-29d286e1de-43fefc29b6.zip differ
diff --git a/.yarn/cache/csstype-npm-3.1.3-e9a1c85013-8db785cc92.zip b/.yarn/cache/csstype-npm-3.1.3-e9a1c85013-8db785cc92.zip
new file mode 100644
index 000000000..9853f0cf0
Binary files /dev/null and b/.yarn/cache/csstype-npm-3.1.3-e9a1c85013-8db785cc92.zip differ
diff --git a/.yarn/cache/regenerator-runtime-npm-0.14.1-a6c97c609a-9f57c93277.zip b/.yarn/cache/regenerator-runtime-npm-0.14.1-a6c97c609a-9f57c93277.zip
new file mode 100644
index 000000000..3d8cc689b
Binary files /dev/null and b/.yarn/cache/regenerator-runtime-npm-0.14.1-a6c97c609a-9f57c93277.zip differ
diff --git a/.yarn/cache/reselect-npm-4.1.8-cad5f0a3f3-a4ac87ceda.zip b/.yarn/cache/reselect-npm-4.1.8-cad5f0a3f3-a4ac87ceda.zip
new file mode 100644
index 000000000..edd6e9a1f
Binary files /dev/null and b/.yarn/cache/reselect-npm-4.1.8-cad5f0a3f3-a4ac87ceda.zip differ
diff --git a/package.json b/package.json
index cacf23ac0..2d49069ce 100644
--- a/package.json
+++ b/package.json
@@ -120,16 +120,17 @@
   },
   "dependencies": {
     "@emotion/cache": "^11.9.3",
-    "@emotion/react": "^11.9.3",
+    "@emotion/react": "^11.11.4",
     "@emotion/server": "^11.4.0",
-    "@emotion/styled": "^11.9.3",
+    "@emotion/styled": "^11.11.0",
     "@hookform/resolvers": "^2.9.10",
     "@lumieducation/h5p-express": "^9.3.2",
     "@lumieducation/h5p-react": "^9.3.2",
     "@lumieducation/h5p-server": "^9.3.2",
     "@mui/icons-material": "^5.8.4",
-    "@mui/material": "^5.8.5",
+    "@mui/material": "^5.15.14",
     "@mui/system": "^5.8.5",
+    "@mui/x-data-grid": "^6.19.6",
     "ajv": "^8.11.2",
     "ajv-formats": "^2.1.1",
     "argon2": "^0.28.7",
diff --git a/server/controllers/user.ts b/server/controllers/user.ts
index 6d3b44991..575b09e70 100644
--- a/server/controllers/user.ts
+++ b/server/controllers/user.ts
@@ -2,7 +2,7 @@ import type { JSONSchemaType } from 'ajv';
 import * as argon2 from 'argon2';
 import type { NextFunction, Request, Response } from 'express';
 import type { FindOperator } from 'typeorm';
-import { getRepository, In, IsNull, LessThan } from 'typeorm';
+import { In, IsNull, LessThan } from 'typeorm';
 
 import { getAccessToken } from '../authentication/lib/tokens';
 import { Email, sendMail } from '../emails';
diff --git a/src/api/activities/activities.get.ts b/src/api/activities/activities.get.ts
new file mode 100644
index 000000000..cd01e9e2a
--- /dev/null
+++ b/src/api/activities/activities.get.ts
@@ -0,0 +1,25 @@
+import { useQuery } from 'react-query';
+import type { Activity } from 'server/entities/activity';
+
+import { axiosRequest } from 'src/utils/axiosRequest';
+
+async function getActivities(params: { limit: number | null; isPelico: boolean; isDraft: boolean }): Promise<Activity[]> {
+  const { limit, isPelico, isDraft } = params;
+  return (
+    await axiosRequest({
+      method: 'GET',
+      baseURL: '/api',
+      url: '/activities',
+      params: {
+        limit,
+        pelico: isPelico,
+        status: isDraft ? 1 : 0,
+      },
+    })
+  ).data;
+}
+
+export const useGetActivities = (args: { limit: number; isPelico: boolean; isDraft: boolean }) => {
+  const { isDraft, isPelico, limit } = args;
+  return useQuery(['activities', limit, isPelico, isDraft], () => getActivities({ limit, isDraft, isPelico }));
+};
diff --git a/src/api/activities/activities.put.ts b/src/api/activities/activities.put.ts
new file mode 100644
index 000000000..7f6b75fb1
--- /dev/null
+++ b/src/api/activities/activities.put.ts
@@ -0,0 +1,24 @@
+import { useMutation } from 'react-query';
+
+import { axiosRequest } from 'src/utils/axiosRequest';
+
+async function publishActivity(params: { activityId: number }) {
+  const { activityId } = params;
+  return await axiosRequest({
+    method: 'PUT',
+    baseURL: '/api',
+    url: `/activities/${activityId}`,
+    data: {
+      status: 0,
+    },
+  });
+}
+
+export const usePublishActivity = (args: { activityId: number }) => {
+  const { activityId } = args;
+  return useMutation({
+    mutationFn: () => {
+      return publishActivity({ activityId });
+    },
+  });
+};
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 7f4eaee15..520527536 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -218,8 +218,15 @@ export const Header = () => {
             {/* )} */}
             {user.type === UserType.ADMIN ||
               (user.type === UserType.SUPER_ADMIN ? (
-                <Link href="/admin/newportal" passHref>
-                  <Button component="a" href="/admin/newportal" variant="contained" color="primary" size="small" style={{ marginLeft: '1rem' }}>
+                <Link href="/admin/newportal/create" passHref>
+                  <Button
+                    component="a"
+                    href="/admin/newportal/create"
+                    variant="contained"
+                    color="primary"
+                    size="small"
+                    style={{ marginLeft: '1rem' }}
+                  >
                     {'Aller à la nouvelle interface admin'}
                   </Button>
                 </Link>
diff --git a/src/components/activities/ActivityCard/activity-admin/ActivityCardAdmin.tsx b/src/components/activities/ActivityCard/activity-admin/ActivityCardAdmin.tsx
new file mode 100644
index 000000000..80b3ac02b
--- /dev/null
+++ b/src/components/activities/ActivityCard/activity-admin/ActivityCardAdmin.tsx
@@ -0,0 +1,112 @@
+import React, { useEffect } from 'react';
+import { useQueryClient } from 'react-query';
+import type { Activity } from 'server/entities/activity';
+
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+import { Card, CardHeader, Avatar, CardMedia, CardContent, Typography, Button, CardActions, CircularProgress, Menu, MenuItem } from '@mui/material';
+
+import { usePublishActivity } from 'src/api/activities/activities.put';
+import PelicoSouriant from 'src/svg/pelico/pelico-souriant.svg';
+import { htmlToText } from 'src/utils';
+
+export default function ActivityCard(activity: Pick<Activity, 'images' | 'content' | 'phase' | 'data' | 'id' | 'status'>) {
+  const publishActivity = usePublishActivity({ activityId: activity.id });
+  const queryClient = useQueryClient();
+  const title: string = activity?.data?.title ? (activity.data.title as string) : '';
+  const imageUrl: string =
+    activity?.images?.length && activity.images[0].imageUrl ? activity.images[0].imageUrl : 'https://placehold.co/600x400?text=No Picture';
+  const content: string = activity.content.reduce((acc, curr) => {
+    if (curr.type === 'text') {
+      acc += curr.value;
+    }
+    return acc;
+  }, '');
+
+  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
+  const open = Boolean(anchorEl);
+  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+
+  useEffect(() => {
+    if (publishActivity.isSuccess) {
+      queryClient.invalidateQueries({ queryKey: ['activities'] });
+    }
+  }, [publishActivity.isSuccess, queryClient]);
+  return (
+    <Card variant="outlined" sx={{ padding: 1, margin: 2, borderRadius: 4, borderColor: '#ebebeb', width: '50%' }}>
+      <CardHeader
+        avatar={
+          <Avatar sx={{ backgroundColor: 'transparent' }}>
+            <PelicoSouriant />
+          </Avatar>
+        }
+        title={title}
+        titleTypographyProps={{ variant: 'h6' }}
+        sx={{
+          // refer to mui content only classname
+          '.MuiCardHeader-content': {
+            overflow: 'hidden',
+            whiteSpace: 'nowrap',
+          },
+        }}
+        action={
+          <>
+            <Button
+              id="basic-button"
+              aria-controls={open ? 'basic-menu' : undefined}
+              aria-haspopup="true"
+              aria-expanded={open ? 'true' : undefined}
+              onClick={handleClick}
+            >
+              <MoreVertIcon color="inherit" />
+            </Button>
+            <Menu
+              id="basic-menu"
+              anchorEl={anchorEl}
+              open={open}
+              onClose={handleClose}
+              MenuListProps={{
+                'aria-labelledby': 'basic-button',
+              }}
+            >
+              <MenuItem onClick={handleClose}>Modifier</MenuItem>
+              <MenuItem onClick={handleClose}>Supprimer</MenuItem>
+            </Menu>
+          </>
+        }
+      />
+      <CardMedia
+        sx={{ padding: '1em 1em 0 1em', objectFit: 'cover', objectPosition: 'center' }}
+        component="img"
+        height="194"
+        image={imageUrl}
+        alt="Activity picture"
+      />
+      <CardContent>
+        <Typography
+          variant="body2"
+          color="text.secondary"
+          sx={{
+            maxHeight: '60px',
+            overflow: 'clip',
+            whiteSpace: 'break-spaces',
+          }}
+        >
+          {htmlToText(content)}
+        </Typography>
+      </CardContent>
+      {/* display publish button only if activity is not published yet (status = 1) */}
+      {activity.status !== 0 && (
+        <CardActions sx={{ display: 'flex', justifyContent: 'center' }}>
+          <Button size="small" sx={{ border: 1 }} onClick={() => publishActivity.mutate()} disabled={publishActivity.isLoading}>
+            {publishActivity.isLoading ? <CircularProgress /> : 'Publier'}
+          </Button>
+        </CardActions>
+      )}
+    </Card>
+  );
+}
diff --git a/src/components/activities/ActivityCard/activity-admin/ActivityCardAdminList.tsx b/src/components/activities/ActivityCard/activity-admin/ActivityCardAdminList.tsx
new file mode 100644
index 000000000..4b0d6d284
--- /dev/null
+++ b/src/components/activities/ActivityCard/activity-admin/ActivityCardAdminList.tsx
@@ -0,0 +1,61 @@
+import React from 'react';
+import type { Activity } from 'server/entities/activity';
+
+import { Button } from '@mui/material';
+import Paper from '@mui/material/Paper';
+
+import ActivityCardAdmin from './ActivityCardAdmin';
+
+type Props = {
+  title: string;
+  activities: Activity[];
+  svgNoData: unknown;
+  noDataText: string;
+};
+
+export default function ActivityCardAdminList({ title, activities, svgNoData, noDataText }: Props) {
+  return (
+    <Paper
+      sx={{
+        borderRadius: 4,
+      }}
+    >
+      <div
+        style={{
+          padding: 10,
+          margin: 10,
+        }}
+      >
+        <div
+          style={{
+            display: 'flex',
+            width: '100%',
+            justifyContent: 'space-between',
+          }}
+        >
+          <h2>{title}</h2>
+          <Button size="small" sx={{ border: 1, margin: 1 }}>
+            Afficher plus
+          </Button>
+        </div>
+        {activities.length ? (
+          <div style={{ display: 'flex' }}>
+            {activities.map((activity) => (
+              <ActivityCardAdmin key={activity.id} {...activity} />
+            ))}
+          </div>
+        ) : (
+          <div
+            style={{
+              paddingLeft: 20,
+              marginTop: 30,
+            }}
+          >
+            <p>{noDataText}</p>
+            {svgNoData}
+          </div>
+        )}
+      </div>
+    </Paper>
+  );
+}
diff --git a/src/pages/admin/newportal/contenulibre/index.tsx b/src/pages/admin/newportal/contenulibre/index.tsx
index 9175df8d5..130f9979e 100644
--- a/src/pages/admin/newportal/contenulibre/index.tsx
+++ b/src/pages/admin/newportal/contenulibre/index.tsx
@@ -1,3 +1,4 @@
+import Link from 'next/link';
 import { useRouter } from 'next/router';
 import React from 'react';
 
@@ -20,10 +21,23 @@ const ContenuLibre = () => {
 
   const backButton = () => {
     return (
-      <a href="/admin/newportal/create" style={{ cursor: 'pointer', display: 'flex', alignItems: 'center' }}>
-        <BackArrow />
+      <div
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+        }}
+      >
+        <div
+          style={{
+            cursor: 'pointer',
+          }}
+        >
+          <Link href="/admin/newportal/create">
+            <BackArrow />
+          </Link>
+        </div>
         <h1 style={{ marginLeft: '10px' }}>Créer du contenu libre</h1>
-      </a>
+      </div>
     );
   };
 
diff --git a/src/pages/admin/newportal/index.tsx b/src/pages/admin/newportal/index.tsx
deleted file mode 100644
index 05e503212..000000000
--- a/src/pages/admin/newportal/index.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import Link from 'next/link';
-import React from 'react';
-
-import { List, ListItem, ListItemIcon, ListItemText } from '@mui/material';
-
-import DoubleChevronRightIcon from 'src/svg/mdi-light_chevron-double-right.svg';
-
-type Link = {
-  name: string;
-  link: string;
-};
-interface NavItemProps {
-  key?: number;
-  link: string;
-  primary: string;
-}
-
-const Creer = () => {
-  const links: Link[] = [
-    { name: 'Créer du contenu libre', link: '/admin/newportal/contenulibre' },
-    { name: 'Créer une activité H5P', link: 'https://' },
-    { name: 'Paramétrer l’hymne', link: 'https://' },
-    { name: 'Mixer l’hymne', link: 'https://' },
-  ];
-
-  const NavItem = ({ link, primary }: NavItemProps) => (
-    <Link href={link} passHref>
-      <ListItem className="like-button grey" button component="a">
-        <ListItemText primary={primary} />
-        <ListItemIcon>
-          <DoubleChevronRightIcon />
-        </ListItemIcon>
-      </ListItem>
-    </Link>
-  );
-
-  const renderTitle = () => {
-    return (
-      <div>
-        <h1>Créer</h1>
-        <p>
-          C’est dans cet espace, que les administrateurs et administratrices du site vont pouvoir gérer les droits d’accès, la composition des
-          villages-mondes et accéder à la liste complète des utilisateurs.{' '}
-        </p>
-      </div>
-    );
-  };
-
-  const renderLinks = () => {
-    return (
-      links && (
-        <List sx={{ padding: 0, margin: 0 }}>
-          {links?.map((item, id) => (
-            <NavItem key={id} link={item.link} primary={item.name} />
-          ))}
-        </List>
-      )
-    );
-  };
-  return (
-    <>
-      {renderTitle()}
-      {renderLinks()}
-    </>
-  );
-};
-
-export default Creer;
diff --git a/src/pages/admin/newportal/publish/index.tsx b/src/pages/admin/newportal/publish/index.tsx
index 61a0fe1ec..daa9524cb 100644
--- a/src/pages/admin/newportal/publish/index.tsx
+++ b/src/pages/admin/newportal/publish/index.tsx
@@ -1,15 +1,70 @@
 import React from 'react';
 
+import type { GridColDef, GridRowsProp } from '@mui/x-data-grid';
+import { DataGrid } from '@mui/x-data-grid';
+
+import { useGetActivities } from 'src/api/activities/activities.get';
+import ActivityCardAdminList from 'src/components/activities/ActivityCard/activity-admin/ActivityCardAdminList';
+import PelicoStar from 'src/svg/pelico/pelico_star.svg';
+import PelicoVacances from 'src/svg/pelico/pelico_vacances.svg';
+import { phasesObject } from 'src/utils/phases';
+
+const rows: GridRowsProp = [
+  // A row example of how it should look
+  // { id: 1, 'village-name': 'Test', 'message-lancement-phase-1': 'Hello', 'relance-phase-1': 'World' },
+];
+const firstEmptyCol: GridColDef[] = [{ field: 'village-name', headerName: '', width: 200 }];
+const columns: GridColDef[] = firstEmptyCol.concat(
+  ...phasesObject.reduce<GridColDef[]>((acc, curr) => {
+    acc.push(...curr.steps.map((e) => ({ field: e.id, headerName: e.name, width: 150 })));
+    return acc;
+  }, []),
+);
+
 const Publier = () => {
-  const renderTitle = () => {
-    return (
-      <div>
-        <h1>Publier</h1>
+  const draftActivities = useGetActivities({ limit: 2, isDraft: true, isPelico: true });
+  const publishedActivities = useGetActivities({ limit: 2, isDraft: false, isPelico: true });
+  if (draftActivities.isError) return <p>Error!</p>;
+  if (draftActivities.isLoading || draftActivities.isIdle) return <p>Loading...</p>;
+  return (
+    <div
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        maxWidth: '60vw',
+      }}
+    >
+      <h1>Publier</h1>
+      <p>C’est dans cet espace, que les administrateurs et administratrices du site vont pouvoir gérer les publications sur 1VIllage.</p>
+      <div style={{ margin: 10 }}>
+        <ActivityCardAdminList
+          title="Activités non publiées"
+          activities={draftActivities.data}
+          noDataText="Il n'y a aucune activitées non publiée"
+          svgNoData={<PelicoStar style={{ height: '6rem', width: '6rem' }} />}
+        />
       </div>
-    );
-  };
-
-  return <>{renderTitle()}</>;
+      <div style={{ margin: 10 }}>
+        <ActivityCardAdminList
+          title="Activités publiées"
+          activities={publishedActivities.data ?? []}
+          noDataText="Aucune activitées n'a été publiée pour le moment"
+          svgNoData={<PelicoVacances style={{ height: '6rem', width: '6rem' }} />}
+        />
+      </div>
+      <h1
+        style={{
+          marginTop: 30,
+          marginBottom: 30,
+        }}
+      >
+        Dashboard des activités
+      </h1>
+      <div style={{ overflowX: 'auto' }}>
+        <DataGrid rows={rows} columns={columns} columnHeaderHeight={50} hideFooter disableColumnFilter disableColumnMenu disableColumnSelector />
+      </div>
+    </div>
+  );
 };
 
 export default Publier;
diff --git a/src/svg/pelico/pelico_star.svg b/src/svg/pelico/pelico_star.svg
new file mode 100644
index 000000000..a4d146b66
--- /dev/null
+++ b/src/svg/pelico/pelico_star.svg
@@ -0,0 +1,34 @@
+<svg width="123" height="115" viewBox="0 0 123 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_9724_44171)">
+<path d="M37.8512 99.106L31.3221 104.906C24.8247 110.678 14.8941 110.072 9.14124 103.553C7.83193 102.069 7.96931 99.8009 9.44823 98.4869L25.0641 84.6147C29.0524 81.0718 35.1481 81.4435 38.679 85.4452C42.2101 89.4473 41.8395 95.5632 37.8512 99.106Z" fill="#4C3ED9"/>
+<path opacity="0.15" d="M38.678 85.4442C35.147 81.4426 29.0515 81.0707 25.0632 84.6135L22.8091 86.616C24.1939 92.1449 28.1929 96.567 33.7919 98.9393C34.8102 99.3708 35.8404 99.7119 36.8738 99.9722L37.8504 99.1047C41.8385 95.5615 42.2091 89.4456 38.678 85.4442Z" fill="black"/>
+<path d="M59.4475 84.0808H63.9489C72.6269 84.0808 79.6619 77.0222 79.6619 68.315C79.6619 66.333 78.0606 64.7266 76.0854 64.7266H59.4475C54.1208 64.7266 49.8027 69.0592 49.8027 74.4038C49.8027 79.7482 54.1208 84.0808 59.4475 84.0808Z" fill="#4C3ED9"/>
+<path d="M62.3639 78.4676C62.3639 66.2425 58.6187 56.332 43.6458 56.332C28.6729 56.332 24.9277 66.2425 24.9277 78.4676C24.9277 90.6926 33.3081 97.9547 43.6458 97.9547C53.9836 97.9547 62.3639 90.6926 62.3639 78.4676Z" fill="#4C3ED9"/>
+<path d="M43.6465 56.332V71.9269C43.6465 78.9801 49.3452 84.6978 56.3746 84.6978C58.3481 84.6978 60.217 84.2468 61.8838 83.4424C62.1947 81.8426 62.3643 80.179 62.3643 78.4676C62.3646 66.2425 58.6194 56.332 43.6465 56.332Z" fill="white"/>
+<path opacity="0.1" d="M43.6463 56.332C34.5739 56.332 29.6245 59.9712 27.1318 65.5585C29.8273 67.5174 33.1391 68.6757 36.7219 68.6757H61.2557C59.2804 61.3625 54.3128 56.332 43.6463 56.332Z" fill="black"/>
+<path d="M118.145 67.5435C115.021 65.6999 111.462 64.7278 107.838 64.7278H61.502V52.5117H114.789L123 58.335V64.7569C123 67.257 120.293 68.8108 118.145 67.5435Z" fill="#F4B759"/>
+<path opacity="0.1" d="M118.145 67.5435C115.021 65.6999 111.462 64.7278 107.838 64.7278H61.502V52.5117H114.789L123 58.335V64.7569C123 67.257 120.293 68.8108 118.145 67.5435Z" fill="#F4B759"/>
+<path d="M61.5013 64.7273H36.7215C27.6802 64.7273 20.3506 57.3732 20.3506 48.3013C20.3506 32.5823 33.0504 19.8398 48.7167 19.8398H61.5011L61.5013 64.7273Z" fill="#4C3ED9"/>
+<path d="M121.144 63.0332L117.562 60.0378C113.392 56.5511 108.136 54.6418 102.707 54.6418H61.502V19.8398H85.4842C106.204 19.8398 123 36.6928 123 57.4821V62.1607C123 63.1236 121.881 63.6495 121.144 63.0332Z" fill="#F3C74F"/>
+<path d="M85.6372 12.6471L82.7103 13.5071C80.8392 14.0569 79.1025 12.3144 79.6505 10.437L80.5076 7.50026C80.6398 7.0466 80.6398 6.56348 80.5076 6.10983L79.6505 3.1731C79.1025 1.29567 80.8392 -0.446831 82.7103 0.102982L85.6372 0.962986C86.0893 1.09637 86.5708 1.09637 87.023 0.962986L89.9499 0.102982C91.821 -0.446831 93.5577 1.29567 93.0097 3.1731L92.1526 6.10983C92.0196 6.56348 92.0196 7.0466 92.1526 7.50026L93.0097 10.437C93.5577 12.3144 91.821 14.0569 89.9499 13.5071L87.023 12.6471C86.5708 12.5137 86.0893 12.5137 85.6372 12.6471Z" fill="#A3DEFE"/>
+<path d="M17.4973 24.6896L16.6545 21.8025C16.116 19.9574 17.824 18.2445 19.6621 18.7848L22.5396 19.6304C22.9849 19.7618 23.4579 19.7618 23.9024 19.6304L26.7798 18.7848C28.6188 18.2445 30.326 19.9574 29.7875 21.8025L28.9446 24.6896C28.8144 25.1364 28.8144 25.611 28.9446 26.057L29.7875 28.9441C30.326 30.7892 28.6188 32.5021 26.7798 31.9618L23.9024 31.1162C23.4571 30.9855 22.9849 30.9855 22.5396 31.1162L19.6621 31.9618C17.824 32.5021 16.116 30.7892 16.6545 28.9441L17.4973 26.057C17.6283 25.611 17.6283 25.1364 17.4973 24.6896Z" fill="#7ACEFA"/>
+<path d="M3.50587 10.8358L1.136 9.53503C-0.378666 8.70422 -0.378666 6.5212 1.136 5.68961L3.50587 4.38962C3.87249 4.18854 4.17387 3.88614 4.37428 3.51828L5.67067 1.14042C6.49869 -0.380139 8.67437 -0.380139 9.50316 1.14042L10.7996 3.51828C11 3.88614 11.3013 4.18854 11.6672 4.38962L14.0378 5.68961C15.5525 6.5212 15.5525 8.70422 14.0378 9.53503L11.6672 10.8358C11.3013 11.0369 11 11.3393 10.7996 11.7071L9.50316 14.085C8.67437 15.6048 6.49869 15.6048 5.67067 14.085L4.37428 11.7071C4.17387 11.3393 3.87249 11.0369 3.50587 10.8358Z" fill="#8EAFE2"/>
+<path d="M43.0493 64.7265H61.5016V30.8242H47.4513C37.7219 30.8242 29.835 38.7379 29.835 48.4998V51.4673C29.8345 58.7902 35.7511 64.7265 43.0493 64.7265Z" fill="white"/>
+<path d="M45.751 51.2116C45.751 48.6631 43.075 46.5977 39.7731 46.5977C36.472 46.5977 33.7959 48.6631 33.7959 51.2116C33.7959 53.7594 36.472 55.8248 39.7731 55.8248C43.075 55.8248 45.751 53.7594 45.751 51.2116Z" fill="#EDA1AB"/>
+<path d="M44.0757 47.2831C45.0544 47.2831 45.8486 46.4862 45.8486 45.5042V42.1461C45.8486 41.164 45.0544 40.3672 44.0757 40.3672C43.0969 40.3672 42.3027 41.164 42.3027 42.1461V45.5042C42.3027 46.4862 43.0969 47.2831 44.0757 47.2831Z" fill="#4A5058"/>
+<path opacity="0.15" d="M26.1461 68.2812C25.2674 71.3299 24.9287 74.7929 24.9287 78.4653C24.9287 81.8929 25.5881 84.9301 26.7641 87.5268C31.4944 86.9068 35.1476 82.8498 35.1476 77.9347C35.1476 72.8072 31.1725 68.6137 26.1461 68.2812Z" fill="black"/>
+<path d="M25.5026 84.0808H21.0013C12.323 84.0808 5.28809 77.0222 5.28809 68.315C5.28809 66.333 6.88939 64.7266 8.86451 64.7266H25.5026C30.8293 64.7266 35.1474 69.0592 35.1474 74.4038C35.1474 79.7482 30.8291 84.0808 25.5026 84.0808Z" fill="#4C3ED9"/>
+<path d="M41.8003 102.625C40.0671 102.625 38.6621 101.215 38.6621 99.4763V94.5589C38.6621 92.8201 40.0671 91.4102 41.8003 91.4102C43.5336 91.4102 44.9386 92.8201 44.9386 94.5589V99.4763C44.9383 101.215 43.5331 102.625 41.8003 102.625Z" fill="#F4B759"/>
+<path d="M53.8511 102.625C52.1178 102.625 50.7129 101.215 50.7129 99.4763V94.5589C50.7129 92.8201 52.1178 91.4102 53.8511 91.4102C55.5844 91.4102 56.9893 92.8201 56.9893 94.5589V99.4763C56.9893 101.215 55.5842 102.625 53.8511 102.625Z" fill="#F4B759"/>
+<path d="M43.4445 33.5744L38.9625 38.0715C37.0802 39.9601 37.413 43.1102 39.649 44.5611L41.0543 45.4741C43.4166 47.0072 46.5264 46.6765 48.5159 44.6802L50.0311 43.1599C52.0213 41.1631 52.3503 38.0435 50.8224 35.6732L49.913 34.2625C48.4664 32.0197 45.3268 31.6858 43.4445 33.5744Z" fill="#4E5660"/>
+<path d="M58.9214 22.4493C58.8774 22.4934 58.8286 22.5348 58.7759 22.5723C57.2504 23.6592 55.2049 25.2026 52.9132 27.502C50.622 29.8008 49.0837 31.8532 48 33.3845C47.5543 34.014 46.5915 34.0427 45.8503 33.4458C45.1092 32.849 44.8699 31.8544 45.3166 31.2238C46.4516 29.6208 48.0639 27.4712 50.4732 25.0538C52.883 22.6359 55.0254 21.0182 56.623 19.8794C57.2515 19.4312 58.2428 19.6712 58.8376 20.4149C59.3827 21.0962 59.4048 21.9643 58.9214 22.4493Z" fill="#E26E7E"/>
+<path d="M51.2506 44.3831L49.7354 45.9034C47.1877 48.4597 43.1431 48.8898 40.1185 46.9267L38.7125 46.0143C37.2075 45.0369 36.2359 43.4516 36.0473 41.6631C35.8587 39.8745 36.4765 38.1191 37.7441 36.8474L42.2255 32.3509C43.493 31.0791 45.2425 30.4591 47.0251 30.6483C48.807 30.8382 50.3876 31.8125 51.3611 33.3232L52.2705 34.7339C54.227 37.7687 53.7983 41.8268 51.2506 44.3831ZM40.182 39.2947C39.6549 39.8236 39.3983 40.5538 39.4764 41.2986C39.5552 42.0428 39.9597 42.7023 40.5858 43.1088L41.9905 44.0212C43.6594 45.1044 45.8909 44.8674 47.2969 43.4567L48.8121 41.9364C50.2174 40.5264 50.4536 38.2874 49.3741 36.6129L48.4647 35.2022C48.0602 34.5746 47.4023 34.1693 46.6606 34.0903C45.9189 34.0113 45.1911 34.2687 44.6634 34.7982L40.182 39.2947Z" fill="#E26E7E"/>
+<path d="M55.2569 23.0164L59.739 18.5192C61.6212 16.6307 64.7608 16.9646 66.2068 19.208L67.1168 20.6181C68.6447 22.9883 68.3151 26.1085 66.3255 28.1048L64.8103 29.6251C62.8201 31.622 59.711 31.952 57.3487 30.419L55.9427 29.5066C53.7074 28.0551 53.374 24.9056 55.2569 23.0164Z" fill="#4E5660"/>
+<path d="M67.5445 29.3285L66.0294 30.8487C63.4816 33.4051 59.4371 33.8351 56.4118 31.8714L55.0064 30.9596C53.5014 29.9822 52.5298 28.3969 52.3412 26.6084C52.1526 24.8198 52.7705 23.0645 54.038 21.7927L58.5194 17.2962C59.787 16.0244 61.5359 15.4051 63.3184 15.5943C65.1009 15.7835 66.6815 16.7578 67.655 18.2685L68.5644 19.6779C70.5209 22.714 70.0923 26.7721 67.5445 29.3285ZM56.4759 24.24C55.9488 24.7689 55.6916 25.4997 55.7704 26.2439C55.8491 26.9881 56.253 27.6482 56.8792 28.0548L58.2845 28.9665C59.9534 30.0497 62.1849 29.8127 63.5902 28.4026L65.106 26.8817C66.5113 25.4717 66.7476 23.2327 65.668 21.5582L64.7586 20.1475C64.3535 19.5193 63.6956 19.114 62.9539 19.035C62.2128 18.9566 61.4844 19.2147 60.9573 19.7435L56.4759 24.24Z" fill="#E26E7E"/>
+</g>
+<defs>
+<clipPath id="clip0_9724_44171">
+<rect width="123" height="115" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/utils/phases.ts b/src/utils/phases.ts
new file mode 100644
index 000000000..370b9f2d5
--- /dev/null
+++ b/src/utils/phases.ts
@@ -0,0 +1,76 @@
+export const phasesObject = [
+  {
+    id: 'phase-1',
+    name: 'Phase 1',
+    steps: [
+      {
+        id: 'message-lancement-phase-1',
+        name: 'Message de lancement phase 1',
+      },
+      {
+        id: 'relance-phase-1',
+        name: 'Relance phase 1',
+      },
+      {
+        id: 'enigme-pays-1',
+        name: 'Enigme pays 1',
+      },
+      {
+        id: 'enigme-pays-2',
+        name: 'Enigme pays 2',
+      },
+    ],
+  },
+  {
+    id: 'phase-2',
+    name: 'Phase 2',
+    steps: [
+      {
+        id: 'message-lancement-phase-2',
+        name: 'Message de lancement phase 2',
+      },
+      {
+        id: 'relance-phase-2',
+        name: 'Relance phase 2',
+      },
+      {
+        id: 'activite-8-mars',
+        name: 'Activité 8 mars',
+      },
+      {
+        id: 'activite-EMI',
+        name: 'activité EMI',
+      },
+      {
+        id: 'message-cloture-phase-2',
+        name: 'Message de clôture phase 2',
+      },
+    ],
+  },
+  {
+    id: 'phase-3',
+    name: 'Phase 3',
+    steps: [
+      {
+        id: 'message-lancement-phase-3',
+        name: 'Message de lancement phase 3',
+      },
+      {
+        id: 'relance-phase-3',
+        name: 'Relance phase 3',
+      },
+      {
+        id: 'parametrage-hymne',
+        name: 'Paramétrage de l’hymne',
+      },
+      {
+        id: 'mixage-hymne',
+        name: 'Mixage de l’hymne',
+      },
+      {
+        id: 'message-cloture-phase-3',
+        name: 'Message de clôture phase 3',
+      },
+    ],
+  },
+];
diff --git a/yarn.lock b/yarn.lock
index 0bc02b4ab..2491c08dc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10,16 +10,17 @@ __metadata:
   resolution: "1village@workspace:."
   dependencies:
     "@emotion/cache": ^11.9.3
-    "@emotion/react": ^11.9.3
+    "@emotion/react": ^11.11.4
     "@emotion/server": ^11.4.0
-    "@emotion/styled": ^11.9.3
+    "@emotion/styled": ^11.11.0
     "@hookform/resolvers": ^2.9.10
     "@lumieducation/h5p-express": ^9.3.2
     "@lumieducation/h5p-react": ^9.3.2
     "@lumieducation/h5p-server": ^9.3.2
     "@mui/icons-material": ^5.8.4
-    "@mui/material": ^5.8.5
+    "@mui/material": ^5.15.14
     "@mui/system": ^5.8.5
+    "@mui/x-data-grid": ^6.19.6
     "@next/eslint-plugin-next": ^12.1.6
     "@svgr/webpack": 6.2.1
     "@swc/cli": ^0.1.57
@@ -1532,6 +1533,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.23.9":
+  version: 7.24.1
+  resolution: "@babel/runtime@npm:7.24.1"
+  dependencies:
+    regenerator-runtime: ^0.14.0
+  checksum: 5c8f3b912ba949865f03b3cf8395c60e1f4ebd1033fbd835bdfe81b6cac8a87d85bc3c7aded5fcdf07be044c9ab8c818f467abe0deca50020c72496782639572
+  languageName: node
+  linkType: hard
+
 "@babel/template@npm:^7.18.10, @babel/template@npm:^7.20.7, @babel/template@npm:^7.3.3":
   version: 7.20.7
   resolution: "@babel/template@npm:7.20.7"
@@ -1656,7 +1666,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/is-prop-valid@npm:^1.2.0, @emotion/is-prop-valid@npm:^1.2.1":
+"@emotion/is-prop-valid@npm:^1.2.1":
   version: 1.2.1
   resolution: "@emotion/is-prop-valid@npm:1.2.1"
   dependencies:
@@ -1672,14 +1682,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/react@npm:^11.9.3":
-  version: 11.11.0
-  resolution: "@emotion/react@npm:11.11.0"
+"@emotion/react@npm:^11.11.4":
+  version: 11.11.4
+  resolution: "@emotion/react@npm:11.11.4"
   dependencies:
     "@babel/runtime": ^7.18.3
     "@emotion/babel-plugin": ^11.11.0
     "@emotion/cache": ^11.11.0
-    "@emotion/serialize": ^1.1.2
+    "@emotion/serialize": ^1.1.3
     "@emotion/use-insertion-effect-with-fallbacks": ^1.0.1
     "@emotion/utils": ^1.2.1
     "@emotion/weak-memoize": ^0.3.1
@@ -1689,7 +1699,7 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 2653e7c3de7b6fd5b0e18dea15621a9886104cc7c8cd5522ca69e52bd547ef6f13644193f8e0a906eea1e29a4f1d8167cdfa4667572fb7fafe0c62ab30fbaab6
+  checksum: 6abaa7a05c5e1db31bffca7ac79169f5456990022cbb3794e6903221536609a60420f2b4888dd3f84e9634a304e394130cb88dc32c243a1dedc263e50da329f8
   languageName: node
   linkType: hard
 
@@ -1706,6 +1716,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@emotion/serialize@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "@emotion/serialize@npm:1.1.3"
+  dependencies:
+    "@emotion/hash": ^0.9.1
+    "@emotion/memoize": ^0.8.1
+    "@emotion/unitless": ^0.8.1
+    "@emotion/utils": ^1.2.1
+    csstype: ^3.0.2
+  checksum: 5a756ce7e2692322683978d8ed2e84eadd60bd6f629618a82c5018c84d98684b117e57fad0174f68ec2ec0ac089bb2e0bcc8ea8c2798eb904b6d3236aa046063
+  languageName: node
+  linkType: hard
+
 "@emotion/server@npm:^11.4.0":
   version: 11.11.0
   resolution: "@emotion/server@npm:11.11.0"
@@ -1730,7 +1753,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/styled@npm:^11.9.3":
+"@emotion/styled@npm:^11.11.0":
   version: 11.11.0
   resolution: "@emotion/styled@npm:11.11.0"
   dependencies:
@@ -1797,6 +1820,44 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@floating-ui/core@npm:^1.0.0":
+  version: 1.6.0
+  resolution: "@floating-ui/core@npm:1.6.0"
+  dependencies:
+    "@floating-ui/utils": ^0.2.1
+  checksum: 2e25c53b0c124c5c9577972f8ae21d081f2f7895e6695836a53074463e8c65b47722744d6d2b5a993164936da006a268bcfe87fe68fd24dc235b1cb86bed3127
+  languageName: node
+  linkType: hard
+
+"@floating-ui/dom@npm:^1.6.1":
+  version: 1.6.3
+  resolution: "@floating-ui/dom@npm:1.6.3"
+  dependencies:
+    "@floating-ui/core": ^1.0.0
+    "@floating-ui/utils": ^0.2.0
+  checksum: 81cbb18ece3afc37992f436e469e7fabab2e433248e46fff4302d12493a175b0c64310f8a971e6e1eda7218df28ace6b70237b0f3c22fe12a21bba05b5579555
+  languageName: node
+  linkType: hard
+
+"@floating-ui/react-dom@npm:^2.0.8":
+  version: 2.0.8
+  resolution: "@floating-ui/react-dom@npm:2.0.8"
+  dependencies:
+    "@floating-ui/dom": ^1.6.1
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 5da7f13a69281e38859a3203a608fe9de1d850b332b355c10c0c2427c7b7209a0374c10f6295b6577c1a70237af8b678340bd4cc0a4b1c66436a94755d81e526
+  languageName: node
+  linkType: hard
+
+"@floating-ui/utils@npm:^0.2.0, @floating-ui/utils@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "@floating-ui/utils@npm:0.2.1"
+  checksum: 9ed4380653c7c217cd6f66ae51f20fdce433730dbc77f95b5abfb5a808f5fdb029c6ae249b4e0490a816f2453aa6e586d9a873cd157fdba4690f65628efc6e06
+  languageName: node
+  linkType: hard
+
 "@gar/promisify@npm:^1.0.1":
   version: 1.1.3
   resolution: "@gar/promisify@npm:1.1.3"
@@ -2347,18 +2408,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/base@npm:5.0.0-beta.0":
-  version: 5.0.0-beta.0
-  resolution: "@mui/base@npm:5.0.0-beta.0"
+"@mui/base@npm:5.0.0-beta.40":
+  version: 5.0.0-beta.40
+  resolution: "@mui/base@npm:5.0.0-beta.40"
   dependencies:
-    "@babel/runtime": ^7.21.0
-    "@emotion/is-prop-valid": ^1.2.0
-    "@mui/types": ^7.2.4
-    "@mui/utils": ^5.12.3
-    "@popperjs/core": ^2.11.7
-    clsx: ^1.2.1
+    "@babel/runtime": ^7.23.9
+    "@floating-ui/react-dom": ^2.0.8
+    "@mui/types": ^7.2.14
+    "@mui/utils": ^5.15.14
+    "@popperjs/core": ^2.11.8
+    clsx: ^2.1.0
     prop-types: ^15.8.1
-    react-is: ^18.2.0
   peerDependencies:
     "@types/react": ^17.0.0 || ^18.0.0
     react: ^17.0.0 || ^18.0.0
@@ -2366,14 +2426,14 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 1312e20f32b6a3b076da92cb590683703f9ef44a4a1ad15f5edc1786fa5e5532543a54f932683fe4704aa77c14aedc6e7a8f0badc2f2d905d19b0c71b6adecbd
+  checksum: 9c084ee67de372411a71af5eca9a5367db9f5bce57bb43973629c522760fe64fa2a43d2934dccd24d6dcbcd0ed399c5fc5c461226c86104f5767de1c9b8deba2
   languageName: node
   linkType: hard
 
-"@mui/core-downloads-tracker@npm:^5.13.0":
-  version: 5.13.0
-  resolution: "@mui/core-downloads-tracker@npm:5.13.0"
-  checksum: 7919c72b8507ee927c87c91a35360a30bafcccfc22964be16d49aa553d7149fd9f140e4b761a296d2673dd6c423800082a53b0813afa185c8f79db9a58b24b06
+"@mui/core-downloads-tracker@npm:^5.15.14":
+  version: 5.15.14
+  resolution: "@mui/core-downloads-tracker@npm:5.15.14"
+  checksum: 0a1c63d906af594d0a7fb63d1d574482b3916351ea8908e8621c8bfa16ac38cf4edb5a334f0e28084f583ac928b587cab6e031f992195e0a590186faba13b9a5
   languageName: node
   linkType: hard
 
@@ -2393,19 +2453,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/material@npm:^5.8.5":
-  version: 5.13.0
-  resolution: "@mui/material@npm:5.13.0"
+"@mui/material@npm:^5.15.14":
+  version: 5.15.14
+  resolution: "@mui/material@npm:5.15.14"
   dependencies:
-    "@babel/runtime": ^7.21.0
-    "@mui/base": 5.0.0-beta.0
-    "@mui/core-downloads-tracker": ^5.13.0
-    "@mui/system": ^5.12.3
-    "@mui/types": ^7.2.4
-    "@mui/utils": ^5.12.3
-    "@types/react-transition-group": ^4.4.6
-    clsx: ^1.2.1
-    csstype: ^3.1.2
+    "@babel/runtime": ^7.23.9
+    "@mui/base": 5.0.0-beta.40
+    "@mui/core-downloads-tracker": ^5.15.14
+    "@mui/system": ^5.15.14
+    "@mui/types": ^7.2.14
+    "@mui/utils": ^5.15.14
+    "@types/react-transition-group": ^4.4.10
+    clsx: ^2.1.0
+    csstype: ^3.1.3
     prop-types: ^15.8.1
     react-is: ^18.2.0
     react-transition-group: ^4.4.5
@@ -2422,7 +2482,7 @@ __metadata:
       optional: true
     "@types/react":
       optional: true
-  checksum: 3601eae0a5b3b79d0f0caec055d7c1d3451e05f5881ac173e85a1f1f2b39847968dc4415b683bfbe68896af2ae7912a28ace0d7b622bc16562d95cfefae207af
+  checksum: 6105cea67d1a176bf4d360e4316760d761a92d9165a4aae76235c21927d6d72837d9272d9c8f14295393ce7c9bb8852cae7cb7cb4a2434118ce4e19165055625
   languageName: node
   linkType: hard
 
@@ -2443,6 +2503,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@mui/private-theming@npm:^5.15.14":
+  version: 5.15.14
+  resolution: "@mui/private-theming@npm:5.15.14"
+  dependencies:
+    "@babel/runtime": ^7.23.9
+    "@mui/utils": ^5.15.14
+    prop-types: ^15.8.1
+  peerDependencies:
+    "@types/react": ^17.0.0 || ^18.0.0
+    react: ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 1b1ef54e8281c9b13fcc58f4c39682efc610946a68402283c19fcfbce8a7d7a231d61b536d6df9bf7a59a1426591bd403a453a59eb8efb9689437fb58554dc8c
+  languageName: node
+  linkType: hard
+
 "@mui/styled-engine@npm:^5.12.3":
   version: 5.12.3
   resolution: "@mui/styled-engine@npm:5.12.3"
@@ -2464,7 +2541,56 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/system@npm:^5.12.3, @mui/system@npm:^5.8.5":
+"@mui/styled-engine@npm:^5.15.14":
+  version: 5.15.14
+  resolution: "@mui/styled-engine@npm:5.15.14"
+  dependencies:
+    "@babel/runtime": ^7.23.9
+    "@emotion/cache": ^11.11.0
+    csstype: ^3.1.3
+    prop-types: ^15.8.1
+  peerDependencies:
+    "@emotion/react": ^11.4.1
+    "@emotion/styled": ^11.3.0
+    react: ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@emotion/react":
+      optional: true
+    "@emotion/styled":
+      optional: true
+  checksum: 23b45c859a4f0d2b10933d06a6082c0ff093f7b6d8d32a2bfe3a6e515fe46d7a38ca9e7150d45c025a2e98d963bae9a5991d131cf4748b62670075ef0fa321ed
+  languageName: node
+  linkType: hard
+
+"@mui/system@npm:^5.15.14":
+  version: 5.15.14
+  resolution: "@mui/system@npm:5.15.14"
+  dependencies:
+    "@babel/runtime": ^7.23.9
+    "@mui/private-theming": ^5.15.14
+    "@mui/styled-engine": ^5.15.14
+    "@mui/types": ^7.2.14
+    "@mui/utils": ^5.15.14
+    clsx: ^2.1.0
+    csstype: ^3.1.3
+    prop-types: ^15.8.1
+  peerDependencies:
+    "@emotion/react": ^11.5.0
+    "@emotion/styled": ^11.3.0
+    "@types/react": ^17.0.0 || ^18.0.0
+    react: ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@emotion/react":
+      optional: true
+    "@emotion/styled":
+      optional: true
+    "@types/react":
+      optional: true
+  checksum: bcc216274a99f5df9ef28551f0d4985e065ea55922307162d8877f828e136e50c8f3997241b3566668af3bd473a599a70f8d1becea81d5c052cc5defda5e0aac
+  languageName: node
+  linkType: hard
+
+"@mui/system@npm:^5.8.5":
   version: 5.12.3
   resolution: "@mui/system@npm:5.12.3"
   dependencies:
@@ -2492,6 +2618,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@mui/types@npm:^7.2.14":
+  version: 7.2.14
+  resolution: "@mui/types@npm:7.2.14"
+  peerDependencies:
+    "@types/react": ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 615c9f9110933157f5d3c4fee69d6e70b98fc0d9ebc3b63079b6a1e23e6b389748687a25ab4ac15b56166fc228885da87c3929503b41fa322cfdee0f6d411206
+  languageName: node
+  linkType: hard
+
 "@mui/types@npm:^7.2.4":
   version: 7.2.4
   resolution: "@mui/types@npm:7.2.4"
@@ -2519,6 +2657,42 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@mui/utils@npm:^5.14.16, @mui/utils@npm:^5.15.14":
+  version: 5.15.14
+  resolution: "@mui/utils@npm:5.15.14"
+  dependencies:
+    "@babel/runtime": ^7.23.9
+    "@types/prop-types": ^15.7.11
+    prop-types: ^15.8.1
+    react-is: ^18.2.0
+  peerDependencies:
+    "@types/react": ^17.0.0 || ^18.0.0
+    react: ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 36543ba7e3b65fb3219ed27e8f1455aff15b47a74c9b642c63e60774e22baa6492a196079e72bcfa5a570421dab32160398f892110bd444428bcf8b266b11893
+  languageName: node
+  linkType: hard
+
+"@mui/x-data-grid@npm:^6.19.6":
+  version: 6.19.6
+  resolution: "@mui/x-data-grid@npm:6.19.6"
+  dependencies:
+    "@babel/runtime": ^7.23.2
+    "@mui/utils": ^5.14.16
+    clsx: ^2.0.0
+    prop-types: ^15.8.1
+    reselect: ^4.1.8
+  peerDependencies:
+    "@mui/material": ^5.4.1
+    "@mui/system": ^5.4.1
+    react: ^17.0.0 || ^18.0.0
+    react-dom: ^17.0.0 || ^18.0.0
+  checksum: 279b441ecff160871adea41a3fcdc8562887610103da0aad7f3185d697afd4f1013639a5eee1c032cb088f698e156f628db96b3d57a3565af97390657ab45f9e
+  languageName: node
+  linkType: hard
+
 "@next/env@npm:12.3.4":
   version: 12.3.4
   resolution: "@next/env@npm:12.3.4"
@@ -2703,10 +2877,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@popperjs/core@npm:^2.11.7":
-  version: 2.11.7
-  resolution: "@popperjs/core@npm:2.11.7"
-  checksum: 5b6553747899683452a1d28898c1b39173a4efd780e74360bfcda8eb42f1c5e819602769c81a10920fc68c881d07fb40429604517d499567eac079cfa6470f19
+"@popperjs/core@npm:^2.11.8":
+  version: 2.11.8
+  resolution: "@popperjs/core@npm:2.11.8"
+  checksum: e5c69fdebf52a4012f6a1f14817ca8e9599cb1be73dd1387e1785e2ed5e5f0862ff817f420a87c7fc532add1f88a12e25aeb010ffcbdc98eace3d55ce2139cf0
   languageName: node
   linkType: hard
 
@@ -3649,6 +3823,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/prop-types@npm:^15.7.11":
+  version: 15.7.11
+  resolution: "@types/prop-types@npm:15.7.11"
+  checksum: 7519ff11d06fbf6b275029fe03fff9ec377b4cb6e864cac34d87d7146c7f5a7560fd164bdc1d2dbe00b60c43713631251af1fd3d34d46c69cd354602bc0c7c54
+  languageName: node
+  linkType: hard
+
 "@types/qs@npm:*":
   version: 6.9.7
   resolution: "@types/qs@npm:6.9.7"
@@ -3688,12 +3869,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-transition-group@npm:^4.4.6":
-  version: 4.4.6
-  resolution: "@types/react-transition-group@npm:4.4.6"
+"@types/react-transition-group@npm:^4.4.10":
+  version: 4.4.10
+  resolution: "@types/react-transition-group@npm:4.4.10"
   dependencies:
     "@types/react": "*"
-  checksum: 0872143821d7ee20a1d81e965f8b1e837837f11cd2206973f1f98655751992d9390304d58bac192c9cd923eca95bff107d8c9e3364a180240d5c2a6fd70fd7c3
+  checksum: fe2ea11f70251e9f79f368e198c18fd469b1d4f1e1d44e4365845b44e15974b0ec925100036f449b023b0ca3480a82725c5f0a73040e282ad32ec7b0def9b57c
   languageName: node
   linkType: hard
 
@@ -5468,9 +5649,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.30001406, caniuse-lite@npm:^1.0.30001449":
-  version: 1.0.30001487
-  resolution: "caniuse-lite@npm:1.0.30001487"
-  checksum: b5a9e72ec165765fb3e07913cc389685ce8a30ac48967f99baec773a4353d2037fb534241e87b3c95d40a5081079be2263710b784883183bb2998b73f7202233
+  version: 1.0.30001599
+  resolution: "caniuse-lite@npm:1.0.30001599"
+  checksum: d7e619e2e723547b7311ba0ca5134d9cd55df548e93dbedcf8a6e4ec74c7db91969c4272fb1ab2fd94cddeac6a8176ebf05853eb06689d5e76bb97d979a214b0
   languageName: node
   linkType: hard
 
@@ -5721,6 +5902,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"clsx@npm:^2.0.0, clsx@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "clsx@npm:2.1.0"
+  checksum: 43fefc29b6b49c9476fbce4f8b1cc75c27b67747738e598e6651dd40d63692135dc60b18fa1c5b78a2a9ba8ae6fd2055a068924b94e20b42039bd53b78b98e1d
+  languageName: node
+  linkType: hard
+
 "co@npm:^4.6.0":
   version: 4.6.0
   resolution: "co@npm:4.6.0"
@@ -6180,6 +6368,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"csstype@npm:^3.1.3":
+  version: 3.1.3
+  resolution: "csstype@npm:3.1.3"
+  checksum: 8db785cc92d259102725b3c694ec0c823f5619a84741b5c7991b8ad135dfaa66093038a1cc63e03361a6cd28d122be48f2106ae72334e067dd619a51f49eddf7
+  languageName: node
+  linkType: hard
+
 "custom-error-instance@npm:2.1.1":
   version: 2.1.1
   resolution: "custom-error-instance@npm:2.1.1"
@@ -12756,6 +12951,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"regenerator-runtime@npm:^0.14.0":
+  version: 0.14.1
+  resolution: "regenerator-runtime@npm:0.14.1"
+  checksum: 9f57c93277b5585d3c83b0cf76be47b473ae8c6d9142a46ce8b0291a04bb2cf902059f0f8445dcabb3fb7378e5fe4bb4ea1e008876343d42e46d3b484534ce38
+  languageName: node
+  linkType: hard
+
 "regenerator-transform@npm:^0.15.1":
   version: 0.15.1
   resolution: "regenerator-transform@npm:0.15.1"
@@ -12894,6 +13096,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"reselect@npm:^4.1.8":
+  version: 4.1.8
+  resolution: "reselect@npm:4.1.8"
+  checksum: a4ac87cedab198769a29be92bc221c32da76cfdad6911eda67b4d3e7136dca86208c3b210e31632eae31ebd2cded18596f0dd230d3ccc9e978df22f233b5583e
+  languageName: node
+  linkType: hard
+
 "resize-observer-polyfill@npm:^1.5.1":
   version: 1.5.1
   resolution: "resize-observer-polyfill@npm:1.5.1"