diff --git a/.pnp.cjs b/.pnp.cjs
index 84b8b48e..b23044b0 100755
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -37,8 +37,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@react-three/drei", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:9.50.3"],\
             ["@react-three/fiber", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:8.12.0"],\
             ["@types/node", "npm:18.15.11"],\
-            ["@types/react", "npm:18.0.33"],\
-            ["@types/react-dom", "npm:18.0.11"],\
+            ["@types/react", "npm:19.2.15"],\
+            ["@types/react-dom", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:19.2.3"],\
             ["@types/three", "npm:0.150.1"],\
             ["@typescript-eslint/eslint-plugin", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:5.57.1"],\
             ["@typescript-eslint/parser", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:5.57.1"],\
@@ -250,7 +250,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@emotion/use-insertion-effect-with-fallbacks", "virtual:bd6064143f200270402c5a828c870a02a3c6a5bf27211316ad9a8d49eebc202a81da664d4af95f3754c61b72c4d7ea9e1775d9a98da14c0a4b7420292eb63e8d#npm:1.0.0"],\
             ["@emotion/utils", "npm:1.2.0"],\
             ["@emotion/weak-memoize", "npm:0.3.0"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["hoist-non-react-statics", "npm:3.3.2"],\
             ["react", "npm:18.2.0"]\
           ],\
@@ -330,7 +330,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@emotion/use-insertion-effect-with-fallbacks", "virtual:bd6064143f200270402c5a828c870a02a3c6a5bf27211316ad9a8d49eebc202a81da664d4af95f3754c61b72c4d7ea9e1775d9a98da14c0a4b7420292eb63e8d#npm:1.0.0"],\
             ["@emotion/utils", "npm:1.2.0"],\
             ["@types/emotion__react", null],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
@@ -363,7 +363,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/@emotion-use-insertion-effect-with-fallbacks-virtual-7d946d0b41/0/cache/@emotion-use-insertion-effect-with-fallbacks-npm-1.0.0-d02a7659c4-4f06a3b482.zip/node_modules/@emotion/use-insertion-effect-with-fallbacks/",\
           "packageDependencies": [\
             ["@emotion/use-insertion-effect-with-fallbacks", "virtual:bd6064143f200270402c5a828c870a02a3c6a5bf27211316ad9a8d49eebc202a81da664d4af95f3754c61b72c4d7ea9e1775d9a98da14c0a4b7420292eb63e8d#npm:1.0.0"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
@@ -497,8 +497,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@mui/types", "virtual:d5348871935e3016a01fe3bab978b2c70e2487197a23fb4c67e7abf7b32109fa996e64ef088573abed60557321543901481045a46a3bc8b4133c71da728760fc#npm:7.2.3"],\
             ["@mui/utils", "virtual:d5348871935e3016a01fe3bab978b2c70e2487197a23fb4c67e7abf7b32109fa996e64ef088573abed60557321543901481045a46a3bc8b4133c71da728760fc#npm:5.11.13"],\
             ["@popperjs/core", "npm:2.11.7"],\
-            ["@types/react", "npm:18.0.33"],\
-            ["@types/react-dom", "npm:18.0.11"],\
+            ["@types/react", "npm:19.2.15"],\
+            ["@types/react-dom", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:19.2.3"],\
             ["clsx", "npm:1.2.1"],\
             ["prop-types", "npm:15.8.1"],\
             ["react", "npm:18.2.0"],\
@@ -538,7 +538,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/runtime", "npm:7.21.0"],\
             ["@mui/material", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:5.11.16"],\
             ["@types/mui__material", null],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
@@ -572,8 +572,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@mui/utils", "virtual:d5348871935e3016a01fe3bab978b2c70e2487197a23fb4c67e7abf7b32109fa996e64ef088573abed60557321543901481045a46a3bc8b4133c71da728760fc#npm:5.11.13"],\
             ["@types/emotion__react", null],\
             ["@types/emotion__styled", null],\
-            ["@types/react", "npm:18.0.33"],\
-            ["@types/react-dom", "npm:18.0.11"],\
+            ["@types/react", "npm:19.2.15"],\
+            ["@types/react-dom", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:19.2.3"],\
             ["@types/react-transition-group", "npm:4.4.5"],\
             ["clsx", "npm:1.2.1"],\
             ["csstype", "npm:3.1.2"],\
@@ -610,7 +610,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@mui/private-theming", "virtual:9fb5f45ccb70dfae8b3df9a5e3471b479ab2a3fed8aad8d1857242d9afd055a887d2da1125b70ebd36be01139de7521a38d92d8f74a7afcbda891a9ded1503b5#npm:5.11.13"],\
             ["@babel/runtime", "npm:7.21.0"],\
             ["@mui/utils", "virtual:d5348871935e3016a01fe3bab978b2c70e2487197a23fb4c67e7abf7b32109fa996e64ef088573abed60557321543901481045a46a3bc8b4133c71da728760fc#npm:5.11.13"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["prop-types", "npm:15.8.1"],\
             ["react", "npm:18.2.0"]\
           ],\
@@ -639,7 +639,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@emotion/styled", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:11.10.6"],\
             ["@types/emotion__react", null],\
             ["@types/emotion__styled", null],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["csstype", "npm:3.1.2"],\
             ["prop-types", "npm:15.8.1"],\
             ["react", "npm:18.2.0"]\
@@ -676,7 +676,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@mui/utils", "virtual:d5348871935e3016a01fe3bab978b2c70e2487197a23fb4c67e7abf7b32109fa996e64ef088573abed60557321543901481045a46a3bc8b4133c71da728760fc#npm:5.11.13"],\
             ["@types/emotion__react", null],\
             ["@types/emotion__styled", null],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["clsx", "npm:1.2.1"],\
             ["csstype", "npm:3.1.2"],\
             ["prop-types", "npm:15.8.1"],\
@@ -705,7 +705,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/@mui-types-virtual-06b4ef1a39/0/cache/@mui-types-npm-7.2.3-36b2c98922-b8511cb78f.zip/node_modules/@mui/types/",\
           "packageDependencies": [\
             ["@mui/types", "virtual:d5348871935e3016a01fe3bab978b2c70e2487197a23fb4c67e7abf7b32109fa996e64ef088573abed60557321543901481045a46a3bc8b4133c71da728760fc#npm:7.2.3"],\
-            ["@types/react", "npm:18.0.33"]\
+            ["@types/react", "npm:19.2.15"]\
           ],\
           "packagePeers": [\
             "@types/react"\
@@ -727,7 +727,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@mui/utils", "virtual:d5348871935e3016a01fe3bab978b2c70e2487197a23fb4c67e7abf7b32109fa996e64ef088573abed60557321543901481045a46a3bc8b4133c71da728760fc#npm:5.11.13"],\
             ["@babel/runtime", "npm:7.21.0"],\
             ["@types/prop-types", "npm:15.7.5"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["@types/react-is", "npm:17.0.3"],\
             ["prop-types", "npm:15.8.1"],\
             ["react", "npm:18.2.0"],\
@@ -909,7 +909,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@react-spring/animated", "virtual:c269680191367c16e2640c92bc363d2e57dc8753664e5fa861200e5b8d5b0046412ea0dc6340909d30953df249ffbd1d14ed34beb3dbb9bf2837164cee3e6e13#npm:9.7.2"],\
             ["@react-spring/shared", "virtual:c269680191367c16e2640c92bc363d2e57dc8753664e5fa861200e5b8d5b0046412ea0dc6340909d30953df249ffbd1d14ed34beb3dbb9bf2837164cee3e6e13#npm:9.7.2"],\
             ["@react-spring/types", "npm:9.7.2"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
@@ -935,7 +935,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@react-spring/rafz", "npm:9.7.2"],\
             ["@react-spring/shared", "virtual:c269680191367c16e2640c92bc363d2e57dc8753664e5fa861200e5b8d5b0046412ea0dc6340909d30953df249ffbd1d14ed34beb3dbb9bf2837164cee3e6e13#npm:9.7.2"],\
             ["@react-spring/types", "npm:9.7.2"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
@@ -968,7 +968,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@react-spring/shared", "virtual:c269680191367c16e2640c92bc363d2e57dc8753664e5fa861200e5b8d5b0046412ea0dc6340909d30953df249ffbd1d14ed34beb3dbb9bf2837164cee3e6e13#npm:9.7.2"],\
             ["@react-spring/rafz", "npm:9.7.2"],\
             ["@react-spring/types", "npm:9.7.2"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
@@ -995,7 +995,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@react-spring/shared", "virtual:c269680191367c16e2640c92bc363d2e57dc8753664e5fa861200e5b8d5b0046412ea0dc6340909d30953df249ffbd1d14ed34beb3dbb9bf2837164cee3e6e13#npm:9.7.2"],\
             ["@react-spring/types", "npm:9.7.2"],\
             ["@react-three/fiber", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:8.12.0"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["@types/react-three__fiber", null],\
             ["@types/three", "npm:0.150.1"],\
             ["react", "npm:18.2.0"],\
@@ -1036,8 +1036,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/runtime", "npm:7.21.0"],\
             ["@react-spring/three", "virtual:857ea634886ac8828a4a1bd5dfd54df7b09d449d67651be723b88b727edf9f197b691251844b2ac6ddc74180fdfe522bef700607b17240b998a77d4d82cd88f3#npm:9.7.2"],\
             ["@react-three/fiber", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:8.12.0"],\
-            ["@types/react", "npm:18.0.33"],\
-            ["@types/react-dom", "npm:18.0.11"],\
+            ["@types/react", "npm:19.2.15"],\
+            ["@types/react-dom", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:19.2.3"],\
             ["@types/react-three__fiber", null],\
             ["@types/three", "npm:0.150.1"],\
             ["@use-gesture/react", "virtual:857ea634886ac8828a4a1bd5dfd54df7b09d449d67651be723b88b727edf9f197b691251844b2ac6ddc74180fdfe522bef700607b17240b998a77d4d82cd88f3#npm:10.2.26"],\
@@ -1089,8 +1089,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@types/expo", null],\
             ["@types/expo-asset", null],\
             ["@types/expo-gl", null],\
-            ["@types/react", "npm:18.0.33"],\
-            ["@types/react-dom", "npm:18.0.11"],\
+            ["@types/react", "npm:19.2.15"],\
+            ["@types/react-dom", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:19.2.3"],\
             ["@types/react-native", null],\
             ["@types/react-reconciler", "npm:0.26.7"],\
             ["@types/three", "npm:0.150.1"],\
@@ -1210,14 +1210,32 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["csstype", "npm:3.1.2"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:19.2.15", {\
+          "packageLocation": "./.yarn/cache/@types-react-npm-19.2.15-767accf7c6-3ea645cf5e.zip/node_modules/@types/react/",\
+          "packageDependencies": [\
+            ["@types/react", "npm:19.2.15"],\
+            ["csstype", "npm:3.2.3"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@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/",\
+        ["npm:19.2.3", {\
+          "packageLocation": "./.yarn/cache/@types-react-dom-npm-19.2.3-1b243fa1cb-b9c548f737.zip/node_modules/@types/react-dom/",\
           "packageDependencies": [\
-            ["@types/react-dom", "npm:18.0.11"],\
-            ["@types/react", "npm:18.0.33"]\
+            ["@types/react-dom", "npm:19.2.3"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
+        ["virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:19.2.3", {\
+          "packageLocation": "./.yarn/__virtual__/@types-react-dom-virtual-b9090493da/0/cache/@types-react-dom-npm-19.2.3-1b243fa1cb-b9c548f737.zip/node_modules/@types/react-dom/",\
+          "packageDependencies": [\
+            ["@types/react-dom", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:19.2.3"],\
+            ["@types/react", "npm:19.2.15"]\
+          ],\
+          "packagePeers": [\
+            "@types/react"\
           ],\
           "linkType": "HARD"\
         }]\
@@ -1540,7 +1558,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/@use-gesture-react-virtual-53fef31868/0/cache/@use-gesture-react-npm-10.2.26-24cc320a46-e9f74ab42f.zip/node_modules/@use-gesture/react/",\
           "packageDependencies": [\
             ["@use-gesture/react", "virtual:857ea634886ac8828a4a1bd5dfd54df7b09d449d67651be723b88b727edf9f197b691251844b2ac6ddc74180fdfe522bef700607b17240b998a77d4d82cd88f3#npm:10.2.26"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["@use-gesture/core", "npm:10.2.26"],\
             ["react", "npm:18.2.0"]\
           ],\
@@ -2009,6 +2027,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["csstype", "npm:3.1.2"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:3.2.3", {\
+          "packageLocation": "./.yarn/cache/csstype-npm-3.2.3-741053244e-cb882521b3.zip/node_modules/csstype/",\
+          "packageDependencies": [\
+            ["csstype", "npm:3.2.3"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["damerau-levenshtein", [\
@@ -3283,8 +3308,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@react-three/drei", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:9.50.3"],\
             ["@react-three/fiber", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:8.12.0"],\
             ["@types/node", "npm:18.15.11"],\
-            ["@types/react", "npm:18.0.33"],\
-            ["@types/react-dom", "npm:18.0.11"],\
+            ["@types/react", "npm:19.2.15"],\
+            ["@types/react-dom", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:19.2.3"],\
             ["@types/three", "npm:0.150.1"],\
             ["@typescript-eslint/eslint-plugin", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:5.57.1"],\
             ["@typescript-eslint/parser", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:5.57.1"],\
@@ -3667,7 +3692,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/its-fine-virtual-fd11011296/0/cache/its-fine-npm-1.1.0-88a9e0e05f-4b8cf42b43.zip/node_modules/its-fine/",\
           "packageDependencies": [\
             ["its-fine", "virtual:66a301f700ed751ea53d989329f99b4aa7d210f4fa4eae8dd90b38bd38176c19d7d01ac3aa69346752c145358173ee2969b444c35c4da7052cd97e6caf1dfbbc#npm:1.1.0"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["@types/react-reconciler", "npm:0.28.2"],\
             ["react", "npm:18.2.0"]\
           ],\
@@ -4037,8 +4062,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@types/fibers", null],\
             ["@types/node-sass", null],\
             ["@types/opentelemetry__api", null],\
-            ["@types/react", "npm:18.0.33"],\
-            ["@types/react-dom", "npm:18.0.11"],\
+            ["@types/react", "npm:19.2.15"],\
+            ["@types/react-dom", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:19.2.3"],\
             ["@types/sass", null],\
             ["busboy", "npm:1.6.0"],\
             ["caniuse-lite", "npm:1.0.30001476"],\
@@ -4436,7 +4461,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/react-composer-virtual-1ef38b146d/0/cache/react-composer-npm-5.0.3-68281c1ebc-ef7c52dc61.zip/node_modules/react-composer/",\
           "packageDependencies": [\
             ["react-composer", "virtual:857ea634886ac8828a4a1bd5dfd54df7b09d449d67651be723b88b727edf9f197b691251844b2ac6ddc74180fdfe522bef700607b17240b998a77d4d82cd88f3#npm:5.0.3"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["prop-types", "npm:15.8.1"],\
             ["react", "npm:18.2.0"]\
           ],\
@@ -4459,7 +4484,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/react-dom-virtual-b2078f2ba8/0/cache/react-dom-npm-18.2.0-dd675bca1c-7d323310be.zip/node_modules/react-dom/",\
           "packageDependencies": [\
             ["react-dom", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:18.2.0"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["loose-envify", "npm:1.4.0"],\
             ["react", "npm:18.2.0"],\
             ["scheduler", "npm:0.23.0"]\
@@ -4508,7 +4533,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/react-reconciler-virtual-2f6ef7d16f/0/cache/react-reconciler-npm-0.27.0-4851288844-c2ae111f15.zip/node_modules/react-reconciler/",\
           "packageDependencies": [\
             ["react-reconciler", "virtual:66a301f700ed751ea53d989329f99b4aa7d210f4fa4eae8dd90b38bd38176c19d7d01ac3aa69346752c145358173ee2969b444c35c4da7052cd97e6caf1dfbbc#npm:0.27.0"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["loose-envify", "npm:1.4.0"],\
             ["react", "npm:18.2.0"],\
             ["scheduler", "npm:0.21.0"]\
@@ -4533,8 +4558,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageDependencies": [\
             ["react-transition-group", "virtual:d5348871935e3016a01fe3bab978b2c70e2487197a23fb4c67e7abf7b32109fa996e64ef088573abed60557321543901481045a46a3bc8b4133c71da728760fc#npm:4.4.5"],\
             ["@babel/runtime", "npm:7.21.0"],\
-            ["@types/react", "npm:18.0.33"],\
-            ["@types/react-dom", "npm:18.0.11"],\
+            ["@types/react", "npm:19.2.15"],\
+            ["@types/react-dom", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:19.2.3"],\
             ["dom-helpers", "npm:5.2.1"],\
             ["loose-envify", "npm:1.4.0"],\
             ["prop-types", "npm:15.8.1"],\
@@ -4562,8 +4587,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/react-use-measure-virtual-3e0e9d6e5e/0/cache/react-use-measure-npm-2.1.1-7e53301142-b8e8939229.zip/node_modules/react-use-measure/",\
           "packageDependencies": [\
             ["react-use-measure", "virtual:66a301f700ed751ea53d989329f99b4aa7d210f4fa4eae8dd90b38bd38176c19d7d01ac3aa69346752c145358173ee2969b444c35c4da7052cd97e6caf1dfbbc#npm:2.1.1"],\
-            ["@types/react", "npm:18.0.33"],\
-            ["@types/react-dom", "npm:18.0.11"],\
+            ["@types/react", "npm:19.2.15"],\
+            ["@types/react-dom", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:19.2.3"],\
             ["debounce", "npm:1.2.1"],\
             ["react", "npm:18.2.0"],\
             ["react-dom", "virtual:c4369338592708f2b29f175af67e2f16a8f0121ea69a5021af16950bae33c7c252bde4e1264015bd5de71df0ed3dff825becbe306730446c81c117ae6890c660#npm:18.2.0"]\
@@ -4974,7 +4999,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/core", null],\
             ["@types/babel-plugin-macros", null],\
             ["@types/babel__core", null],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["babel-plugin-macros", null],\
             ["client-only", "npm:0.0.1"],\
             ["react", "npm:18.2.0"]\
@@ -5038,7 +5063,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/suspend-react-virtual-a7a9093fed/0/cache/suspend-react-npm-0.0.8-1962c8b944-173a56c8df.zip/node_modules/suspend-react/",\
           "packageDependencies": [\
             ["suspend-react", "virtual:857ea634886ac8828a4a1bd5dfd54df7b09d449d67651be723b88b727edf9f197b691251844b2ac6ddc74180fdfe522bef700607b17240b998a77d4d82cd88f3#npm:0.0.8"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
@@ -5550,7 +5575,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/__virtual__/zustand-virtual-64bcd840a7/0/cache/zustand-npm-3.7.2-4cb33a3ae6-18f025b1b6.zip/node_modules/zustand/",\
           "packageDependencies": [\
             ["zustand", "virtual:857ea634886ac8828a4a1bd5dfd54df7b09d449d67651be723b88b727edf9f197b691251844b2ac6ddc74180fdfe522bef700607b17240b998a77d4d82cd88f3#npm:3.7.2"],\
-            ["@types/react", "npm:18.0.33"],\
+            ["@types/react", "npm:19.2.15"],\
             ["react", "npm:18.2.0"]\
           ],\
           "packagePeers": [\
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
deleted file mode 100644
index eaed9828..00000000
Binary files a/.yarn/cache/@types-react-dom-npm-18.0.11-27f8db2995-579691e4d5.zip and /dev/null differ
diff --git a/.yarn/cache/@types-react-dom-npm-19.2.3-1b243fa1cb-b9c548f737.zip b/.yarn/cache/@types-react-dom-npm-19.2.3-1b243fa1cb-b9c548f737.zip
new file mode 100644
index 00000000..6e892b4f
Binary files /dev/null and b/.yarn/cache/@types-react-dom-npm-19.2.3-1b243fa1cb-b9c548f737.zip differ
diff --git a/.yarn/cache/@types-react-npm-19.2.15-767accf7c6-3ea645cf5e.zip b/.yarn/cache/@types-react-npm-19.2.15-767accf7c6-3ea645cf5e.zip
new file mode 100644
index 00000000..adf93f01
Binary files /dev/null and b/.yarn/cache/@types-react-npm-19.2.15-767accf7c6-3ea645cf5e.zip differ
diff --git a/.yarn/cache/csstype-npm-3.2.3-741053244e-cb882521b3.zip b/.yarn/cache/csstype-npm-3.2.3-741053244e-cb882521b3.zip
new file mode 100644
index 00000000..b6eb0432
Binary files /dev/null and b/.yarn/cache/csstype-npm-3.2.3-741053244e-cb882521b3.zip differ
diff --git a/package.json b/package.json
index abe08f2d..a143adc8 100644
--- a/package.json
+++ b/package.json
@@ -26,8 +26,8 @@
   },
   "devDependencies": {
     "@types/node": "18.15.11",
-    "@types/react": "18.0.33",
-    "@types/react-dom": "18.0.11",
+    "@types/react": "19.2.15",
+    "@types/react-dom": "19.2.3",
     "@types/three": "0.150.1",
     "@typescript-eslint/eslint-plugin": "5.57.1",
     "@typescript-eslint/parser": "5.57.1",
diff --git a/yarn.lock b/yarn.lock
index 38caee0c..f25628e3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -827,12 +827,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:18.0.11":
-  version: 18.0.11
-  resolution: "@types/react-dom@npm:18.0.11"
-  dependencies:
-    "@types/react": "*"
-  checksum: 579691e4d5ec09688087568037c35edf8cfb1ab3e07f6c60029280733ee7b5c06d66df6fcc90786702c93ac8cb13bc7ff16c79ddfc75d082938fbaa36e1cdbf4
+"@types/react-dom@npm:19.2.3":
+  version: 19.2.3
+  resolution: "@types/react-dom@npm:19.2.3"
+  peerDependencies:
+    "@types/react": ^19.2.0
+  checksum: b9c548f7378979cd8384444ae6c96f7a933b98e341c271c33e74231f27bf3082f04ad7c2927f1b1e6d8af35ccf83e549fce4978ebe0a02ded5a8803aa5f80e06
   languageName: node
   linkType: hard
 
@@ -872,7 +872,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:*, @types/react@npm:18.0.33":
+"@types/react@npm:*":
   version: 18.0.33
   resolution: "@types/react@npm:18.0.33"
   dependencies:
@@ -883,6 +883,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react@npm:19.2.15":
+  version: 19.2.15
+  resolution: "@types/react@npm:19.2.15"
+  dependencies:
+    csstype: ^3.2.2
+  checksum: 3ea645cf5ef6c06eb892dc95363af97f0d28166eb362ccee0a1b4c5f9b7998bd9740fa81901f6fb314aaf522bca540e1a5fb14f6538ab1010c6d35bb3331d852
+  languageName: node
+  linkType: hard
+
 "@types/scheduler@npm:*":
   version: 0.16.3
   resolution: "@types/scheduler@npm:0.16.3"
@@ -1456,6 +1465,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"csstype@npm:^3.2.2":
+  version: 3.2.3
+  resolution: "csstype@npm:3.2.3"
+  checksum: cb882521b3398958a1ce6ca98c011aec0bde1c77ecaf8a1dd4db3b112a189939beae3b1308243b2fe50fc27eb3edeb0f73a5a4d91d928765dc6d5ecc7bda92ee
+  languageName: node
+  linkType: hard
+
 "damerau-levenshtein@npm:^1.0.8":
   version: 1.0.8
   resolution: "damerau-levenshtein@npm:1.0.8"
@@ -2448,8 +2464,8 @@ __metadata:
     "@react-three/drei": 9.50.3
     "@react-three/fiber": 8.12.0
     "@types/node": 18.15.11
-    "@types/react": 18.0.33
-    "@types/react-dom": 18.0.11
+    "@types/react": 19.2.15
+    "@types/react-dom": 19.2.3
     "@types/three": 0.150.1
     "@typescript-eslint/eslint-plugin": 5.57.1
     "@typescript-eslint/parser": 5.57.1