diff --git a/.pnp.cjs b/.pnp.cjs
index 01b40acf0..2c6feb538 100755
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -65,8 +65,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.0.33"],\
+            ["@types/react-dom", "npm:18.0.11"],\
             ["@types/sass", "npm:1.43.1"],\
             ["@types/sharp", "npm:0.30.4"],\
             ["@types/sortablejs", "npm:1.13.0"],\
@@ -134,8 +134,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.1"],\
             ["resize-observer-polyfill", "npm:1.5.1"],\
@@ -203,8 +203,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.0.33"],\
+            ["@types/react-dom", "npm:18.0.11"],\
             ["@types/sass", "npm:1.43.1"],\
             ["@types/sharp", "npm:0.30.4"],\
             ["@types/sortablejs", "npm:1.13.0"],\
@@ -272,8 +272,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.1"],\
             ["resize-observer-polyfill", "npm:1.5.1"],\
@@ -3726,9 +3726,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.0.33"],\
             ["hoist-non-react-statics", "npm:3.3.2"],\
-            ["react", "npm:17.0.2"]\
+            ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@babel/core",\
@@ -3828,8 +3828,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.0.33"],\
+            ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@babel/core",\
@@ -4424,13 +4424,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.0.33"],\
+            ["@types/react-dom", "npm:18.0.11"],\
             ["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",\
@@ -4456,8 +4456,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.0.33"],\
+            ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@mui/material",\
@@ -4489,15 +4489,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.0.33"],\
+            ["@types/react-dom", "npm:18.0.11"],\
             ["@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": [\
@@ -4527,9 +4527,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.0.33"],\
             ["prop-types", "npm:15.8.1"],\
-            ["react", "npm:17.0.2"]\
+            ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@types/react",\
@@ -4556,9 +4556,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.0.33"],\
             ["prop-types", "npm:15.8.1"],\
-            ["react", "npm:17.0.2"]\
+            ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
             "@emotion/react",\
@@ -4592,11 +4592,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.0.33"],\
             ["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",\
@@ -4621,7 +4621,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.0.33"]\
           ],\
           "packagePeers": [\
             "@types/react"\
@@ -4643,11 +4643,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.0.33"],\
             ["@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",\
@@ -6087,10 +6087,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.0.33", {\
+          "packageLocation": "./.yarn/cache/@types-react-npm-18.0.33-25b2635e24-4fbd2b2b6a.zip/node_modules/@types/react/",\
           "packageDependencies": [\
-            ["@types/react", "npm:17.0.47"],\
+            ["@types/react", "npm:18.0.33"],\
             ["@types/prop-types", "npm:15.7.4"],\
             ["@types/scheduler", "npm:0.16.2"],\
             ["csstype", "npm:3.0.9"]\
@@ -6099,11 +6099,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.0.11", {\
+          "packageLocation": "./.yarn/cache/@types-react-dom-npm-18.0.11-27f8db2995-579691e4d5.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.0.11"],\
+            ["@types/react", "npm:17.0.27"]\
           ],\
           "linkType": "HARD"\
         }]\
@@ -9695,13 +9695,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.0.33"],\
+            ["@types/react-dom", "npm:18.0.11"],\
             ["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",\
@@ -11801,7 +11801,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"\
         }]\
@@ -14660,15 +14660,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.0.33"],\
+            ["@types/react-dom", "npm:18.0.11"],\
             ["@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"]\
           ],\
@@ -14922,12 +14922,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.0.33"],\
+            ["@types/react-dom", "npm:18.0.11"],\
             ["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",\
@@ -15644,7 +15644,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"\
         }]\
@@ -15719,7 +15719,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"\
         }],\
@@ -15729,7 +15729,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"\
         }]\
@@ -15963,33 +15963,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.0.33"],\
             ["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",\
@@ -16008,10 +16006,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"\
         }]\
@@ -16028,12 +16026,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.0.33"],\
             ["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": [\
@@ -16056,13 +16054,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageDependencies": [\
             ["react-query", "virtual:f84dba857fa10247bbb4af28a825f1d91a188c858b2b2b1b4a2d3cfedf850e14647ec99dabfb1535752c99ec0ff164e2ec4fb4c32c822be66b30b3cfa4630990#npm:3.39.1"],\
             ["@babel/runtime", "npm:7.16.0"],\
-            ["@types/react", "npm:17.0.47"],\
-            ["@types/react-dom", "npm:17.0.17"],\
+            ["@types/react", "npm:18.0.33"],\
+            ["@types/react-dom", "npm:18.0.11"],\
             ["@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": [\
@@ -16089,13 +16087,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.0.33"],\
+            ["@types/react-dom", "npm:18.0.11"],\
             ["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",\
@@ -16641,12 +16639,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"\
         }]\
@@ -17502,9 +17499,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.0.33"],\
             ["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.0.11-27f8db2995-579691e4d5.zip b/.yarn/cache/@types-react-dom-npm-18.0.11-27f8db2995-579691e4d5.zip
new file mode 100644
index 000000000..eaed98286
Binary files /dev/null and b/.yarn/cache/@types-react-dom-npm-18.0.11-27f8db2995-579691e4d5.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.0.33-25b2635e24-4fbd2b2b6a.zip b/.yarn/cache/@types-react-npm-18.0.33-25b2635e24-4fbd2b2b6a.zip
new file mode 100644
index 000000000..620c12270
Binary files /dev/null and b/.yarn/cache/@types-react-npm-18.0.33-25b2635e24-4fbd2b2b6a.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 52c82bc8e..c9f764c91 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     }
   },
   "resolutions": {
-    "react-is": "^17.0.1"
+    "react-is": "^18.0.0"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^12.1.6",
@@ -81,8 +81,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.0.33",
+    "@types/react-dom": "18.0.11",
     "@types/sass": "1.43.1",
     "@types/sharp": "0.30.4",
     "@types/sortablejs": "1.13.0",
@@ -164,8 +164,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.1",
     "resize-observer-polyfill": "^1.5.1",
diff --git a/yarn.lock b/yarn.lock
index 420084e68..4ef44c5ac 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -46,8 +46,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.0.33
+    "@types/react-dom": 18.0.11
     "@types/sass": 1.43.1
     "@types/sharp": 0.30.4
     "@types/sortablejs": 1.13.0
@@ -115,8 +115,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.1
     resize-observer-polyfill: ^1.5.1
@@ -4039,12 +4039,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.0.11":
+  version: 18.0.11
+  resolution: "@types/react-dom@npm:18.0.11"
   dependencies:
-    "@types/react": ^17
-  checksum: 23caf98aa03e968811560f92a2c8f451694253ebe16b670929b24eaf0e7fa62ba549abe9db0ac028a9d8a9086acd6ab9c6c773f163fa21224845edbc00ba6232
+    "@types/react": "*"
+  checksum: 579691e4d5ec09688087568037c35edf8cfb1ab3e07f6c60029280733ee7b5c06d66df6fcc90786702c93ac8cb13bc7ff16c79ddfc75d082938fbaa36e1cdbf4
   languageName: node
   linkType: hard
 
@@ -4077,14 +4077,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.0.33":
+  version: 18.0.33
+  resolution: "@types/react@npm:18.0.33"
   dependencies:
     "@types/prop-types": "*"
     "@types/scheduler": "*"
     csstype: ^3.0.2
-  checksum: 2e7fe0eb630cb77da03b6da308c58728c01b38e878118e9ff5cd8045181c8d4f32dc936e328f46a62cadb56e1fe4c5a911b5113584f93a99e1f35df7f059246b
+  checksum: 4fbd2b2b6a26378bdfde121081a6406ec2d39e4ba87ea5f6897ab7bb2198713165e6fd703ad4ed7ba1d4f23ef54a4c9f108f3105c7ed8e136411ee6bdebc5669
   languageName: node
   linkType: hard
 
@@ -12565,16 +12565,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
 
@@ -12585,10 +12584,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
 
@@ -12640,13 +12639,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
 
@@ -13160,13 +13158,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