diff --git a/.pnp.cjs b/.pnp.cjs
index a50dc993e..58d78f801 100755
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -66,8 +66,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@types/nodemailer", "npm:6.4.4"],\
             ["@types/nprogress", "npm:0.2.0"],\
             ["@types/prettier", "npm:2.6.3"],\
-            ["@types/react", "npm:17.0.47"],\
-            ["@types/react-dom", "npm:17.0.17"],\
+            ["@types/react", "npm:18.2.10"],\
+            ["@types/react-dom", "npm:18.2.4"],\
             ["@types/sass", "npm:1.43.1"],\
             ["@types/sharp", "npm:0.30.4"],\
             ["@types/sortablejs", "npm:1.13.0"],\
@@ -136,8 +136,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["nprogress", "npm:0.2.0"],\
             ["prettier", "npm:2.7.1"],\
             ["query-string", "npm:7.1.1"],\
-            ["react", "npm:17.0.2"],\
-            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"],\
+            ["react", "npm:18.2.0"],\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:18.2.0"],\
             ["react-player", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:2.10.1"],\
             ["react-query", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:3.39.2"],\
             ["resize-observer-polyfill", "npm:1.5.1"],\
@@ -207,8 +207,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@types/nodemailer", "npm:6.4.4"],\
             ["@types/nprogress", "npm:0.2.0"],\
             ["@types/prettier", "npm:2.6.3"],\
-            ["@types/react", "npm:17.0.47"],\
-            ["@types/react-dom", "npm:17.0.17"],\
+            ["@types/react", "npm:18.2.10"],\
+            ["@types/react-dom", "npm:18.2.4"],\
             ["@types/sass", "npm:1.43.1"],\
             ["@types/sharp", "npm:0.30.4"],\
             ["@types/sortablejs", "npm:1.13.0"],\
@@ -277,8 +277,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["nprogress", "npm:0.2.0"],\
             ["prettier", "npm:2.7.1"],\
             ["query-string", "npm:7.1.1"],\
-            ["react", "npm:17.0.2"],\
-            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"],\
+            ["react", "npm:18.2.0"],\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:18.2.0"],\
             ["react-player", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:2.10.1"],\
             ["react-query", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:3.39.2"],\
             ["resize-observer-polyfill", "npm:1.5.1"],\
@@ -3750,9 +3750,9 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@emotion/utils", "npm:1.1.0"],\
             ["@emotion/weak-memoize", "npm:0.2.5"],\
             ["@types/babel__core", null],\
-            ["@types/react", "npm:17.0.47"],\
+            ["@types/react", "npm:18.2.10"],\
             ["hoist-non-react-statics", "npm:3.3.2"],\
-            ["react", "npm:17.0.2"]\
+            ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@babel/core",\
@@ -3852,8 +3852,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@emotion/utils", "npm:1.1.0"],\
             ["@types/babel__core", null],\
             ["@types/emotion__react", null],\
-            ["@types/react", "npm:17.0.47"],\
-            ["react", "npm:17.0.2"]\
+            ["@types/react", "npm:18.2.10"],\
+            ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@babel/core",\
@@ -4479,13 +4479,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@mui/types", "virtual:6a4db08df48e1df41ee16e74dd3ae7737558552db3713d44e4f2e3517aa34f547ee12b7a3c129324a4c45439d81be005f7a4994dc92d02ac30b6ac5c38ba78e6#npm:7.1.4"],\
             ["@mui/utils", "virtual:6a4db08df48e1df41ee16e74dd3ae7737558552db3713d44e4f2e3517aa34f547ee12b7a3c129324a4c45439d81be005f7a4994dc92d02ac30b6ac5c38ba78e6#npm:5.8.4"],\
             ["@popperjs/core", "npm:2.11.5"],\
-            ["@types/react", "npm:17.0.47"],\
-            ["@types/react-dom", "npm:17.0.17"],\
+            ["@types/react", "npm:18.2.10"],\
+            ["@types/react-dom", "npm:18.2.4"],\
             ["clsx", "npm:1.1.1"],\
             ["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", "npm:18.2.0"],\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:18.2.0"],\
+            ["react-is", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@types/react-dom",\
@@ -4511,8 +4511,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/runtime", "npm:7.18.3"],\
             ["@mui/material", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:5.8.5"],\
             ["@types/mui__material", null],\
-            ["@types/react", "npm:17.0.47"],\
-            ["react", "npm:17.0.2"]\
+            ["@types/react", "npm:18.2.10"],\
+            ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@mui/material",\
@@ -4544,15 +4544,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@mui/utils", "virtual:6a4db08df48e1df41ee16e74dd3ae7737558552db3713d44e4f2e3517aa34f547ee12b7a3c129324a4c45439d81be005f7a4994dc92d02ac30b6ac5c38ba78e6#npm:5.8.4"],\
             ["@types/emotion__react", null],\
             ["@types/emotion__styled", null],\
-            ["@types/react", "npm:17.0.47"],\
-            ["@types/react-dom", "npm:17.0.17"],\
+            ["@types/react", "npm:18.2.10"],\
+            ["@types/react-dom", "npm:18.2.4"],\
             ["@types/react-transition-group", "npm:4.4.4"],\
             ["clsx", "npm:1.1.1"],\
             ["csstype", "npm:3.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", "npm:18.2.0"],\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:18.2.0"],\
+            ["react-is", "npm:18.2.0"],\
             ["react-transition-group", "virtual:6a4db08df48e1df41ee16e74dd3ae7737558552db3713d44e4f2e3517aa34f547ee12b7a3c129324a4c45439d81be005f7a4994dc92d02ac30b6ac5c38ba78e6#npm:4.4.2"]\
           ],\
           "packagePeers": [\
@@ -4582,9 +4582,9 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@mui/private-theming", "virtual:5b309a3b17e032c13e41ecb13a5e000c87260f9d929fe039f2d5b4d6ce9bd6ce6b0f52e4b1bebd604ab161c85fa63e26ab8dd065a5db7c8fc1b3021ab50d3a85#npm:5.8.4"],\
             ["@babel/runtime", "npm:7.18.3"],\
             ["@mui/utils", "virtual:6a4db08df48e1df41ee16e74dd3ae7737558552db3713d44e4f2e3517aa34f547ee12b7a3c129324a4c45439d81be005f7a4994dc92d02ac30b6ac5c38ba78e6#npm:5.8.4"],\
-            ["@types/react", "npm:17.0.47"],\
+            ["@types/react", "npm:18.2.10"],\
             ["prop-types", "npm:15.8.1"],\
-            ["react", "npm:17.0.2"]\
+            ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@types/react",\
@@ -4611,9 +4611,9 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@emotion/styled", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:11.9.3"],\
             ["@types/emotion__react", null],\
             ["@types/emotion__styled", null],\
-            ["@types/react", "npm:17.0.47"],\
+            ["@types/react", "npm:18.2.10"],\
             ["prop-types", "npm:15.8.1"],\
-            ["react", "npm:17.0.2"]\
+            ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@emotion/react",\
@@ -4647,11 +4647,11 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@mui/utils", "virtual:6a4db08df48e1df41ee16e74dd3ae7737558552db3713d44e4f2e3517aa34f547ee12b7a3c129324a4c45439d81be005f7a4994dc92d02ac30b6ac5c38ba78e6#npm:5.8.4"],\
             ["@types/emotion__react", null],\
             ["@types/emotion__styled", null],\
-            ["@types/react", "npm:17.0.47"],\
+            ["@types/react", "npm:18.2.10"],\
             ["clsx", "npm:1.1.1"],\
             ["csstype", "npm:3.1.0"],\
             ["prop-types", "npm:15.8.1"],\
-            ["react", "npm:17.0.2"]\
+            ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@emotion/react",\
@@ -4676,7 +4676,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/@mui-types-virtual-62fb19cb4a/0/cache/@mui-types-npm-7.1.4-1d82e83a35-861231bdfb.zip/node_modules/@mui/types/",\
           "packageDependencies": [\
             ["@mui/types", "virtual:6a4db08df48e1df41ee16e74dd3ae7737558552db3713d44e4f2e3517aa34f547ee12b7a3c129324a4c45439d81be005f7a4994dc92d02ac30b6ac5c38ba78e6#npm:7.1.4"],\
-            ["@types/react", "npm:17.0.47"]\
+            ["@types/react", "npm:18.2.10"]\
           ],\
           "packagePeers": [\
             "@types/react"\
@@ -4698,11 +4698,11 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@mui/utils", "virtual:6a4db08df48e1df41ee16e74dd3ae7737558552db3713d44e4f2e3517aa34f547ee12b7a3c129324a4c45439d81be005f7a4994dc92d02ac30b6ac5c38ba78e6#npm:5.8.4"],\
             ["@babel/runtime", "npm:7.18.3"],\
             ["@types/prop-types", "npm:15.7.5"],\
-            ["@types/react", "npm:17.0.47"],\
+            ["@types/react", "npm:18.2.10"],\
             ["@types/react-is", "npm:17.0.3"],\
             ["prop-types", "npm:15.8.1"],\
-            ["react", "npm:17.0.2"],\
-            ["react-is", "npm:17.0.2"]\
+            ["react", "npm:18.2.0"],\
+            ["react-is", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@types/react",\
@@ -6187,10 +6187,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "HARD"\
         }],\
-        ["npm:17.0.47", {\
-          "packageLocation": "./.yarn/cache/@types-react-npm-17.0.47-fa0afc8272-2e7fe0eb63.zip/node_modules/@types/react/",\
+        ["npm:18.2.10", {\
+          "packageLocation": "./.yarn/cache/@types-react-npm-18.2.10-8f89b1e787-a7a505b45c.zip/node_modules/@types/react/",\
           "packageDependencies": [\
-            ["@types/react", "npm:17.0.47"],\
+            ["@types/react", "npm:18.2.10"],\
             ["@types/prop-types", "npm:15.7.4"],\
             ["@types/scheduler", "npm:0.16.2"],\
             ["csstype", "npm:3.0.9"]\
@@ -6199,11 +6199,11 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["@types/react-dom", [\
-        ["npm:17.0.17", {\
-          "packageLocation": "./.yarn/cache/@types-react-dom-npm-17.0.17-edb158f2b2-23caf98aa0.zip/node_modules/@types/react-dom/",\
+        ["npm:18.2.4", {\
+          "packageLocation": "./.yarn/cache/@types-react-dom-npm-18.2.4-5d62ac2096-8301f35cf1.zip/node_modules/@types/react-dom/",\
           "packageDependencies": [\
-            ["@types/react-dom", "npm:17.0.17"],\
-            ["@types/react", "npm:17.0.47"]\
+            ["@types/react-dom", "npm:18.2.4"],\
+            ["@types/react", "npm:17.0.27"]\
           ],\
           "linkType": "HARD"\
         }]\
@@ -9881,13 +9881,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/draft-js-virtual-36d84c2faf/0/cache/draft-js-npm-0.11.7-ea66f83002-b6d127a5e2.zip/node_modules/draft-js/",\
           "packageDependencies": [\
             ["draft-js", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:0.11.7"],\
-            ["@types/react", "npm:17.0.47"],\
-            ["@types/react-dom", "npm:17.0.17"],\
+            ["@types/react", "npm:18.2.10"],\
+            ["@types/react-dom", "npm:18.2.4"],\
             ["fbjs", "npm:2.0.0"],\
             ["immutable", "npm:3.7.6"],\
             ["object-assign", "npm:4.1.1"],\
-            ["react", "npm:17.0.2"],\
-            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"]\
+            ["react", "npm:18.2.0"],\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@types/react-dom",\
@@ -11996,7 +11996,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/cache/hoist-non-react-statics-npm-3.3.2-e7b709e6c1-b153827042.zip/node_modules/hoist-non-react-statics/",\
           "packageDependencies": [\
             ["hoist-non-react-statics", "npm:3.3.2"],\
-            ["react-is", "npm:17.0.2"]\
+            ["react-is", "npm:18.2.0"]\
           ],\
           "linkType": "HARD"\
         }]\
@@ -14892,15 +14892,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@next/swc-win32-x64-msvc", "npm:12.1.6"],\
             ["@types/fibers", null],\
             ["@types/node-sass", null],\
-            ["@types/react", "npm:17.0.47"],\
-            ["@types/react-dom", "npm:17.0.17"],\
+            ["@types/react", "npm:18.2.10"],\
+            ["@types/react-dom", "npm:18.2.4"],\
             ["@types/sass", "npm:1.43.1"],\
             ["caniuse-lite", "npm:1.0.30001359"],\
             ["fibers", null],\
             ["node-sass", null],\
             ["postcss", "npm:8.4.5"],\
-            ["react", "npm:17.0.2"],\
-            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"],\
+            ["react", "npm:18.2.0"],\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:18.2.0"],\
             ["sass", "npm:1.53.0"],\
             ["styled-jsx", "virtual:07e41a2fe0156b285f418efc0d91a218cf35b7b8359f3b81eab4ea2b9ef94490fd9e2b74d4d13d4a8098158d5715e6a4cc025982fe3bd1bc711ba3a9cacb9680#npm:5.0.2"]\
           ],\
@@ -15154,12 +15154,12 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@types/emotion__react", null],\
             ["@types/emotion__styled", null],\
             ["@types/mui__material", null],\
-            ["@types/react", "npm:17.0.47"],\
-            ["@types/react-dom", "npm:17.0.17"],\
+            ["@types/react", "npm:18.2.10"],\
+            ["@types/react-dom", "npm:18.2.4"],\
             ["clsx", "npm:1.1.1"],\
             ["hoist-non-react-statics", "npm:3.3.2"],\
-            ["react", "npm:17.0.2"],\
-            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"]\
+            ["react", "npm:18.2.0"],\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@emotion/react",\
@@ -15885,7 +15885,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@jest/schemas", "npm:28.0.2"],\
             ["ansi-regex", "npm:5.0.1"],\
             ["ansi-styles", "npm:5.2.0"],\
-            ["react-is", "npm:17.0.2"]\
+            ["react-is", "npm:18.2.0"]\
           ],\
           "linkType": "HARD"\
         }]\
@@ -15960,7 +15960,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["prop-types", "npm:15.7.2"],\
             ["loose-envify", "npm:1.4.0"],\
             ["object-assign", "npm:4.1.1"],\
-            ["react-is", "npm:17.0.2"]\
+            ["react-is", "npm:18.2.0"]\
           ],\
           "linkType": "HARD"\
         }],\
@@ -15970,7 +15970,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["prop-types", "npm:15.8.1"],\
             ["loose-envify", "npm:1.4.0"],\
             ["object-assign", "npm:4.1.1"],\
-            ["react-is", "npm:17.0.2"]\
+            ["react-is", "npm:18.2.0"]\
           ],\
           "linkType": "HARD"\
         }]\
@@ -16214,33 +16214,31 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["react", [\
-        ["npm:17.0.2", {\
-          "packageLocation": "./.yarn/cache/react-npm-17.0.2-99ba37d931-b254cc17ce.zip/node_modules/react/",\
+        ["npm:18.2.0", {\
+          "packageLocation": "./.yarn/cache/react-npm-18.2.0-1eae08fee2-88e38092da.zip/node_modules/react/",\
           "packageDependencies": [\
-            ["react", "npm:17.0.2"],\
-            ["loose-envify", "npm:1.4.0"],\
-            ["object-assign", "npm:4.1.1"]\
+            ["react", "npm:18.2.0"],\
+            ["loose-envify", "npm:1.4.0"]\
           ],\
           "linkType": "HARD"\
         }]\
       ]],\
       ["react-dom", [\
-        ["npm:17.0.2", {\
-          "packageLocation": "./.yarn/cache/react-dom-npm-17.0.2-f551215af1-1c1eaa3bca.zip/node_modules/react-dom/",\
+        ["npm:18.2.0", {\
+          "packageLocation": "./.yarn/cache/react-dom-npm-18.2.0-dd675bca1c-7d323310be.zip/node_modules/react-dom/",\
           "packageDependencies": [\
-            ["react-dom", "npm:17.0.2"]\
+            ["react-dom", "npm:18.2.0"]\
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2", {\
-          "packageLocation": "./.yarn/__virtual__/react-dom-virtual-94fc5b9980/0/cache/react-dom-npm-17.0.2-f551215af1-1c1eaa3bca.zip/node_modules/react-dom/",\
+        ["virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:18.2.0", {\
+          "packageLocation": "./.yarn/__virtual__/react-dom-virtual-b18cbff309/0/cache/react-dom-npm-18.2.0-dd675bca1c-7d323310be.zip/node_modules/react-dom/",\
           "packageDependencies": [\
-            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"],\
-            ["@types/react", "npm:17.0.47"],\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:18.2.0"],\
+            ["@types/react", "npm:18.2.10"],\
             ["loose-envify", "npm:1.4.0"],\
-            ["object-assign", "npm:4.1.1"],\
-            ["react", "npm:17.0.2"],\
-            ["scheduler", "npm:0.20.2"]\
+            ["react", "npm:18.2.0"],\
+            ["scheduler", "npm:0.23.0"]\
           ],\
           "packagePeers": [\
             "@types/react",\
@@ -16259,10 +16257,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["react-is", [\
-        ["npm:17.0.2", {\
-          "packageLocation": "./.yarn/cache/react-is-npm-17.0.2-091bbb8db6-9d6d111d89.zip/node_modules/react-is/",\
+        ["npm:18.2.0", {\
+          "packageLocation": "./.yarn/cache/react-is-npm-18.2.0-0cc5edb910-e72d0ba81b.zip/node_modules/react-is/",\
           "packageDependencies": [\
-            ["react-is", "npm:17.0.2"]\
+            ["react-is", "npm:18.2.0"]\
           ],\
           "linkType": "HARD"\
         }]\
@@ -16279,12 +16277,12 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/react-player-virtual-b642a3667f/0/cache/react-player-npm-2.10.1-b476f9e30c-43d78c6cb6.zip/node_modules/react-player/",\
           "packageDependencies": [\
             ["react-player", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:2.10.1"],\
-            ["@types/react", "npm:17.0.47"],\
+            ["@types/react", "npm:18.2.10"],\
             ["deepmerge", "npm:4.2.2"],\
             ["load-script", "npm:1.0.0"],\
             ["memoize-one", "npm:5.2.1"],\
             ["prop-types", "npm:15.7.2"],\
-            ["react", "npm:17.0.2"],\
+            ["react", "npm:18.2.0"],\
             ["react-fast-compare", "npm:3.2.0"]\
           ],\
           "packagePeers": [\
@@ -16307,13 +16305,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageDependencies": [\
             ["react-query", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:3.39.2"],\
             ["@babel/runtime", "npm:7.16.0"],\
-            ["@types/react", "npm:17.0.47"],\
-            ["@types/react-dom", "npm:17.0.17"],\
+            ["@types/react", "npm:18.2.10"],\
+            ["@types/react-dom", "npm:18.2.4"],\
             ["@types/react-native", null],\
             ["broadcast-channel", "npm:3.7.0"],\
             ["match-sorter", "npm:6.3.1"],\
-            ["react", "npm:17.0.2"],\
-            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"],\
+            ["react", "npm:18.2.0"],\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:18.2.0"],\
             ["react-native", null]\
           ],\
           "packagePeers": [\
@@ -16340,13 +16338,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageDependencies": [\
             ["react-transition-group", "virtual:6a4db08df48e1df41ee16e74dd3ae7737558552db3713d44e4f2e3517aa34f547ee12b7a3c129324a4c45439d81be005f7a4994dc92d02ac30b6ac5c38ba78e6#npm:4.4.2"],\
             ["@babel/runtime", "npm:7.16.0"],\
-            ["@types/react", "npm:17.0.47"],\
-            ["@types/react-dom", "npm:17.0.17"],\
+            ["@types/react", "npm:18.2.10"],\
+            ["@types/react-dom", "npm:18.2.4"],\
             ["dom-helpers", "npm:5.2.1"],\
             ["loose-envify", "npm:1.4.0"],\
             ["prop-types", "npm:15.7.2"],\
-            ["react", "npm:17.0.2"],\
-            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:17.0.2"]\
+            ["react", "npm:18.2.0"],\
+            ["react-dom", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@types/react-dom",\
@@ -16908,12 +16906,11 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["scheduler", [\
-        ["npm:0.20.2", {\
-          "packageLocation": "./.yarn/cache/scheduler-npm-0.20.2-90beaecfba-c4b35cf967.zip/node_modules/scheduler/",\
+        ["npm:0.23.0", {\
+          "packageLocation": "./.yarn/cache/scheduler-npm-0.23.0-a379a6bc3b-d79192eeaa.zip/node_modules/scheduler/",\
           "packageDependencies": [\
-            ["scheduler", "npm:0.20.2"],\
-            ["loose-envify", "npm:1.4.0"],\
-            ["object-assign", "npm:4.1.1"]\
+            ["scheduler", "npm:0.23.0"],\
+            ["loose-envify", "npm:1.4.0"]\
           ],\
           "linkType": "HARD"\
         }]\
@@ -17778,9 +17775,9 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/core", null],\
             ["@types/babel-plugin-macros", null],\
             ["@types/babel__core", null],\
-            ["@types/react", "npm:17.0.47"],\
+            ["@types/react", "npm:18.2.10"],\
             ["babel-plugin-macros", null],\
-            ["react", "npm:17.0.2"]\
+            ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@babel/core",\
diff --git a/.yarn/cache/@types-react-dom-npm-17.0.17-edb158f2b2-23caf98aa0.zip b/.yarn/cache/@types-react-dom-npm-17.0.17-edb158f2b2-23caf98aa0.zip
deleted file mode 100644
index 055c5b123..000000000
Binary files a/.yarn/cache/@types-react-dom-npm-17.0.17-edb158f2b2-23caf98aa0.zip and /dev/null differ
diff --git a/.yarn/cache/@types-react-dom-npm-18.2.4-5d62ac2096-8301f35cf1.zip b/.yarn/cache/@types-react-dom-npm-18.2.4-5d62ac2096-8301f35cf1.zip
new file mode 100644
index 000000000..682bba847
Binary files /dev/null and b/.yarn/cache/@types-react-dom-npm-18.2.4-5d62ac2096-8301f35cf1.zip differ
diff --git a/.yarn/cache/@types-react-npm-17.0.47-fa0afc8272-2e7fe0eb63.zip b/.yarn/cache/@types-react-npm-17.0.47-fa0afc8272-2e7fe0eb63.zip
deleted file mode 100644
index c23eb8d5b..000000000
Binary files a/.yarn/cache/@types-react-npm-17.0.47-fa0afc8272-2e7fe0eb63.zip and /dev/null differ
diff --git a/.yarn/cache/@types-react-npm-18.2.10-8f89b1e787-a7a505b45c.zip b/.yarn/cache/@types-react-npm-18.2.10-8f89b1e787-a7a505b45c.zip
new file mode 100644
index 000000000..45b3df026
Binary files /dev/null and b/.yarn/cache/@types-react-npm-18.2.10-8f89b1e787-a7a505b45c.zip differ
diff --git a/.yarn/cache/react-dom-npm-17.0.2-f551215af1-1c1eaa3bca.zip b/.yarn/cache/react-dom-npm-17.0.2-f551215af1-1c1eaa3bca.zip
deleted file mode 100644
index b7a9813b8..000000000
Binary files a/.yarn/cache/react-dom-npm-17.0.2-f551215af1-1c1eaa3bca.zip and /dev/null differ
diff --git a/.yarn/cache/react-dom-npm-18.2.0-dd675bca1c-7d323310be.zip b/.yarn/cache/react-dom-npm-18.2.0-dd675bca1c-7d323310be.zip
new file mode 100644
index 000000000..bbf6e75fe
Binary files /dev/null and b/.yarn/cache/react-dom-npm-18.2.0-dd675bca1c-7d323310be.zip differ
diff --git a/.yarn/cache/react-is-npm-17.0.2-091bbb8db6-9d6d111d89.zip b/.yarn/cache/react-is-npm-17.0.2-091bbb8db6-9d6d111d89.zip
deleted file mode 100644
index 8b0c3e546..000000000
Binary files a/.yarn/cache/react-is-npm-17.0.2-091bbb8db6-9d6d111d89.zip and /dev/null differ
diff --git a/.yarn/cache/react-is-npm-18.2.0-0cc5edb910-e72d0ba81b.zip b/.yarn/cache/react-is-npm-18.2.0-0cc5edb910-e72d0ba81b.zip
new file mode 100644
index 000000000..97bc63a7f
Binary files /dev/null and b/.yarn/cache/react-is-npm-18.2.0-0cc5edb910-e72d0ba81b.zip differ
diff --git a/.yarn/cache/react-npm-17.0.2-99ba37d931-b254cc17ce.zip b/.yarn/cache/react-npm-17.0.2-99ba37d931-b254cc17ce.zip
deleted file mode 100644
index 425dcc4cc..000000000
Binary files a/.yarn/cache/react-npm-17.0.2-99ba37d931-b254cc17ce.zip and /dev/null differ
diff --git a/.yarn/cache/react-npm-18.2.0-1eae08fee2-88e38092da.zip b/.yarn/cache/react-npm-18.2.0-1eae08fee2-88e38092da.zip
new file mode 100644
index 000000000..392c40e13
Binary files /dev/null and b/.yarn/cache/react-npm-18.2.0-1eae08fee2-88e38092da.zip differ
diff --git a/.yarn/cache/scheduler-npm-0.20.2-90beaecfba-c4b35cf967.zip b/.yarn/cache/scheduler-npm-0.20.2-90beaecfba-c4b35cf967.zip
deleted file mode 100644
index 0a1c0040a..000000000
Binary files a/.yarn/cache/scheduler-npm-0.20.2-90beaecfba-c4b35cf967.zip and /dev/null differ
diff --git a/.yarn/cache/scheduler-npm-0.23.0-a379a6bc3b-d79192eeaa.zip b/.yarn/cache/scheduler-npm-0.23.0-a379a6bc3b-d79192eeaa.zip
new file mode 100644
index 000000000..77e2bec07
Binary files /dev/null and b/.yarn/cache/scheduler-npm-0.23.0-a379a6bc3b-d79192eeaa.zip differ
diff --git a/package.json b/package.json
index 5b445b66f..433df9467 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
     }
   },
   "resolutions": {
-    "react-is": "^17.0.1"
+    "react-is": "^18.0.0"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^12.1.6",
@@ -82,8 +82,8 @@
     "@types/nodemailer": "6.4.4",
     "@types/nprogress": "0.2.0",
     "@types/prettier": "2.6.3",
-    "@types/react": "17.0.47",
-    "@types/react-dom": "17.0.17",
+    "@types/react": "18.2.10",
+    "@types/react-dom": "18.2.4",
     "@types/sass": "1.43.1",
     "@types/sharp": "0.30.4",
     "@types/sortablejs": "1.13.0",
@@ -168,8 +168,8 @@
     "notistack": "^2.0.5",
     "nprogress": "^0.2.0",
     "query-string": "^7.1.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-player": "^2.10.1",
     "react-query": "^3.39.2",
     "resize-observer-polyfill": "^1.5.1",
diff --git a/yarn.lock b/yarn.lock
index fc6340b3d..6f7d5679c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -47,8 +47,8 @@ __metadata:
     "@types/nodemailer": 6.4.4
     "@types/nprogress": 0.2.0
     "@types/prettier": 2.6.3
-    "@types/react": 17.0.47
-    "@types/react-dom": 17.0.17
+    "@types/react": 18.2.10
+    "@types/react-dom": 18.2.4
     "@types/sass": 1.43.1
     "@types/sharp": 0.30.4
     "@types/sortablejs": 1.13.0
@@ -117,8 +117,8 @@ __metadata:
     nprogress: ^0.2.0
     prettier: 2.7.1
     query-string: ^7.1.1
-    react: ^17.0.2
-    react-dom: ^17.0.2
+    react: ^18.0.0
+    react-dom: ^18.0.0
     react-player: ^2.10.1
     react-query: ^3.39.2
     resize-observer-polyfill: ^1.5.1
@@ -4114,12 +4114,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:17.0.17":
-  version: 17.0.17
-  resolution: "@types/react-dom@npm:17.0.17"
+"@types/react-dom@npm:18.2.4":
+  version: 18.2.4
+  resolution: "@types/react-dom@npm:18.2.4"
   dependencies:
-    "@types/react": ^17
-  checksum: 23caf98aa03e968811560f92a2c8f451694253ebe16b670929b24eaf0e7fa62ba549abe9db0ac028a9d8a9086acd6ab9c6c773f163fa21224845edbc00ba6232
+    "@types/react": "*"
+  checksum: 8301f35cf1cbfec8c723e9477aecf87774e3c168bd457d353b23c45064737213d3e8008b067c6767b7b08e4f2b3823ee239242a6c225fc91e7f8725ef8734124
   languageName: node
   linkType: hard
 
@@ -4152,14 +4152,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:17.0.47, @types/react@npm:^17":
-  version: 17.0.47
-  resolution: "@types/react@npm:17.0.47"
+"@types/react@npm:18.2.10":
+  version: 18.2.10
+  resolution: "@types/react@npm:18.2.10"
   dependencies:
     "@types/prop-types": "*"
     "@types/scheduler": "*"
     csstype: ^3.0.2
-  checksum: 2e7fe0eb630cb77da03b6da308c58728c01b38e878118e9ff5cd8045181c8d4f32dc936e328f46a62cadb56e1fe4c5a911b5113584f93a99e1f35df7f059246b
+  checksum: a7a505b45ca0b2c39284cd12ed0efc27e13012b9c51b12beaec89acc548162736b91666efebcbdb7b1f93b7df1149511c7123799c4074ce553e6133ec758e3fd
   languageName: node
   linkType: hard
 
@@ -12781,16 +12781,15 @@ fsevents@^1.0.0:
   languageName: node
   linkType: hard
 
-"react-dom@npm:^17.0.2":
-  version: 17.0.2
-  resolution: "react-dom@npm:17.0.2"
+"react-dom@npm:^18.0.0":
+  version: 18.2.0
+  resolution: "react-dom@npm:18.2.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-    scheduler: ^0.20.2
+    scheduler: ^0.23.0
   peerDependencies:
-    react: 17.0.2
-  checksum: 1c1eaa3bca7c7228d24b70932e3d7c99e70d1d04e13bb0843bbf321582bc25d7961d6b8a6978a58a598af2af496d1cedcfb1bf65f6b0960a0a8161cb8dab743c
+    react: ^18.2.0
+  checksum: 7d323310bea3a91be2965f9468d552f201b1c27891e45ddc2d6b8f717680c95a75ae0bc1e3f5cf41472446a2589a75aed4483aee8169287909fcd59ad149e8cc
   languageName: node
   linkType: hard
 
@@ -12801,10 +12800,10 @@ fsevents@^1.0.0:
   languageName: node
   linkType: hard
 
-"react-is@npm:^17.0.1":
-  version: 17.0.2
-  resolution: "react-is@npm:17.0.2"
-  checksum: 9d6d111d8990dc98bc5402c1266a808b0459b5d54830bbea24c12d908b536df7883f268a7868cfaedde3dd9d4e0d574db456f84d2e6df9c4526f99bb4b5344d8
+"react-is@npm:^18.0.0":
+  version: 18.2.0
+  resolution: "react-is@npm:18.2.0"
+  checksum: e72d0ba81b5922759e4aff17e0252bd29988f9642ed817f56b25a3e217e13eea8a7f2322af99a06edb779da12d5d636e9fda473d620df9a3da0df2a74141d53e
   languageName: node
   linkType: hard
 
@@ -12856,13 +12855,12 @@ fsevents@^1.0.0:
   languageName: node
   linkType: hard
 
-"react@npm:^17.0.2":
-  version: 17.0.2
-  resolution: "react@npm:17.0.2"
+"react@npm:^18.0.0":
+  version: 18.2.0
+  resolution: "react@npm:18.2.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-  checksum: b254cc17ce3011788330f7bbf383ab653c6848902d7936a87b09d835d091e3f295f7e9dd1597c6daac5dc80f90e778c8230218ba8ad599f74adcc11e33b9d61b
+  checksum: 88e38092da8839b830cda6feef2e8505dec8ace60579e46aa5490fc3dc9bba0bd50336507dc166f43e3afc1c42939c09fe33b25fae889d6f402721dcd78fca1b
   languageName: node
   linkType: hard
 
@@ -13390,13 +13388,12 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
-"scheduler@npm:^0.20.2":
-  version: 0.20.2
-  resolution: "scheduler@npm:0.20.2"
+"scheduler@npm:^0.23.0":
+  version: 0.23.0
+  resolution: "scheduler@npm:0.23.0"
   dependencies:
     loose-envify: ^1.1.0
-    object-assign: ^4.1.1
-  checksum: c4b35cf967c8f0d3e65753252d0f260271f81a81e427241295c5a7b783abf4ea9e905f22f815ab66676f5313be0a25f47be582254db8f9241b259213e999b8fc
+  checksum: d79192eeaa12abef860c195ea45d37cbf2bbf5f66e3c4dcd16f54a7da53b17788a70d109ee3d3dde1a0fd50e6a8fc171f4300356c5aee4fc0171de526bf35f8a
   languageName: node
   linkType: hard