diff --git a/.yarn/cache/@emnapi-runtime-npm-1.4.3-ceb6775ed6-ff20748096.zip b/.yarn/cache/@emnapi-runtime-npm-1.4.3-ceb6775ed6-ff20748096.zip
new file mode 100644
index 0000000000..6ed2bb5a7f
Binary files /dev/null and b/.yarn/cache/@emnapi-runtime-npm-1.4.3-ceb6775ed6-ff20748096.zip differ
diff --git a/.yarn/cache/@floating-ui-dom-npm-1.6.13-faaec36e87-eabab9d860.zip b/.yarn/cache/@floating-ui-dom-npm-1.6.13-faaec36e87-eabab9d860.zip
new file mode 100644
index 0000000000..eec4d13eca
Binary files /dev/null and b/.yarn/cache/@floating-ui-dom-npm-1.6.13-faaec36e87-eabab9d860.zip differ
diff --git a/.yarn/cache/@floating-ui-react-dom-npm-2.1.2-9e283fcbfa-25bb031686.zip b/.yarn/cache/@floating-ui-react-dom-npm-2.1.2-9e283fcbfa-25bb031686.zip
new file mode 100644
index 0000000000..7449ee6277
Binary files /dev/null and b/.yarn/cache/@floating-ui-react-dom-npm-2.1.2-9e283fcbfa-25bb031686.zip differ
diff --git a/.yarn/cache/@floating-ui-react-npm-0.26.28-e1fc92e4f3-1bfcccdb1f.zip b/.yarn/cache/@floating-ui-react-npm-0.26.28-e1fc92e4f3-1bfcccdb1f.zip
new file mode 100644
index 0000000000..5beaed663a
Binary files /dev/null and b/.yarn/cache/@floating-ui-react-npm-0.26.28-e1fc92e4f3-1bfcccdb1f.zip differ
diff --git a/.yarn/cache/@floating-ui-utils-npm-0.2.9-f2d9dffc79-d518b80cec.zip b/.yarn/cache/@floating-ui-utils-npm-0.2.9-f2d9dffc79-d518b80cec.zip
new file mode 100644
index 0000000000..e0c080d000
Binary files /dev/null and b/.yarn/cache/@floating-ui-utils-npm-0.2.9-f2d9dffc79-d518b80cec.zip differ
diff --git a/.yarn/cache/@graphiql-react-npm-0.27.0-9da8499341-0575bd27dd.zip b/.yarn/cache/@graphiql-react-npm-0.27.0-9da8499341-0575bd27dd.zip
deleted file mode 100644
index 6b6f61f5a8..0000000000
Binary files a/.yarn/cache/@graphiql-react-npm-0.27.0-9da8499341-0575bd27dd.zip and /dev/null differ
diff --git a/.yarn/cache/@graphiql-react-npm-0.28.2-4e50a18a97-054ea9d386.zip b/.yarn/cache/@graphiql-react-npm-0.28.2-4e50a18a97-054ea9d386.zip
new file mode 100644
index 0000000000..d51771662e
Binary files /dev/null and b/.yarn/cache/@graphiql-react-npm-0.28.2-4e50a18a97-054ea9d386.zip differ
diff --git a/.yarn/cache/@graphiql-toolkit-npm-0.11.1-b846e4fbd2-ca04746a14.zip b/.yarn/cache/@graphiql-toolkit-npm-0.11.1-b846e4fbd2-ca04746a14.zip
new file mode 100644
index 0000000000..0af25c9b8c
Binary files /dev/null and b/.yarn/cache/@graphiql-toolkit-npm-0.11.1-b846e4fbd2-ca04746a14.zip differ
diff --git a/.yarn/cache/@headlessui-react-npm-1.7.17-c3f120aed0-0cdb67747e.zip b/.yarn/cache/@headlessui-react-npm-1.7.17-c3f120aed0-0cdb67747e.zip
deleted file mode 100644
index a38510bfa1..0000000000
Binary files a/.yarn/cache/@headlessui-react-npm-1.7.17-c3f120aed0-0cdb67747e.zip and /dev/null differ
diff --git a/.yarn/cache/@headlessui-react-npm-2.2.2-fe72b1a3b4-64826349a0.zip b/.yarn/cache/@headlessui-react-npm-2.2.2-fe72b1a3b4-64826349a0.zip
new file mode 100644
index 0000000000..0d345581ae
Binary files /dev/null and b/.yarn/cache/@headlessui-react-npm-2.2.2-fe72b1a3b4-64826349a0.zip differ
diff --git a/.yarn/cache/@img-sharp-darwin-x64-npm-0.34.1-3c2c6e9365-8.zip b/.yarn/cache/@img-sharp-darwin-x64-npm-0.34.1-3c2c6e9365-8.zip
new file mode 100644
index 0000000000..b8e6b7e806
Binary files /dev/null and b/.yarn/cache/@img-sharp-darwin-x64-npm-0.34.1-3c2c6e9365-8.zip differ
diff --git a/.yarn/cache/@img-sharp-libvips-darwin-x64-npm-1.1.0-b29c5da204-8.zip b/.yarn/cache/@img-sharp-libvips-darwin-x64-npm-1.1.0-b29c5da204-8.zip
new file mode 100644
index 0000000000..d4d761c713
Binary files /dev/null and b/.yarn/cache/@img-sharp-libvips-darwin-x64-npm-1.1.0-b29c5da204-8.zip differ
diff --git a/.yarn/cache/@img-sharp-libvips-linuxmusl-x64-npm-1.1.0-688dcf4f69-8.zip b/.yarn/cache/@img-sharp-libvips-linuxmusl-x64-npm-1.1.0-688dcf4f69-8.zip
new file mode 100644
index 0000000000..4a5d7c6286
Binary files /dev/null and b/.yarn/cache/@img-sharp-libvips-linuxmusl-x64-npm-1.1.0-688dcf4f69-8.zip differ
diff --git a/.yarn/cache/@img-sharp-linuxmusl-x64-npm-0.34.1-e7c955b3c9-8.zip b/.yarn/cache/@img-sharp-linuxmusl-x64-npm-0.34.1-e7c955b3c9-8.zip
new file mode 100644
index 0000000000..73412e199f
Binary files /dev/null and b/.yarn/cache/@img-sharp-linuxmusl-x64-npm-0.34.1-e7c955b3c9-8.zip differ
diff --git a/.yarn/cache/@img-sharp-win32-x64-npm-0.34.1-3aaddcbe91-8.zip b/.yarn/cache/@img-sharp-win32-x64-npm-0.34.1-3aaddcbe91-8.zip
new file mode 100644
index 0000000000..0fc9043a7e
Binary files /dev/null and b/.yarn/cache/@img-sharp-win32-x64-npm-0.34.1-3aaddcbe91-8.zip differ
diff --git a/.yarn/cache/@next-bundle-analyzer-npm-15.0.3-b8906b7328-79c7c3bfdc.zip b/.yarn/cache/@next-bundle-analyzer-npm-15.3.1-3e3747f517-a771a50130.zip
similarity index 77%
rename from .yarn/cache/@next-bundle-analyzer-npm-15.0.3-b8906b7328-79c7c3bfdc.zip
rename to .yarn/cache/@next-bundle-analyzer-npm-15.3.1-3e3747f517-a771a50130.zip
index a0fbc20348..114d62ab29 100644
Binary files a/.yarn/cache/@next-bundle-analyzer-npm-15.0.3-b8906b7328-79c7c3bfdc.zip and b/.yarn/cache/@next-bundle-analyzer-npm-15.3.1-3e3747f517-a771a50130.zip differ
diff --git a/.yarn/cache/@next-env-npm-14.2.26-d4140fe36b-a0f2162049.zip b/.yarn/cache/@next-env-npm-14.2.26-d4140fe36b-a0f2162049.zip
deleted file mode 100644
index dbcdafbc7d..0000000000
Binary files a/.yarn/cache/@next-env-npm-14.2.26-d4140fe36b-a0f2162049.zip and /dev/null differ
diff --git a/.yarn/cache/@next-env-npm-15.3.1-8c9d555909-eb24d59257.zip b/.yarn/cache/@next-env-npm-15.3.1-8c9d555909-eb24d59257.zip
new file mode 100644
index 0000000000..42cff02294
Binary files /dev/null and b/.yarn/cache/@next-env-npm-15.3.1-8c9d555909-eb24d59257.zip differ
diff --git a/.yarn/cache/@next-eslint-plugin-next-npm-15.3.1-4048567012-224b3eaca2.zip b/.yarn/cache/@next-eslint-plugin-next-npm-15.3.1-4048567012-224b3eaca2.zip
new file mode 100644
index 0000000000..37ce320859
Binary files /dev/null and b/.yarn/cache/@next-eslint-plugin-next-npm-15.3.1-4048567012-224b3eaca2.zip differ
diff --git a/.yarn/cache/@next-swc-linux-x64-gnu-npm-14.2.26-6faaf40b08-8.zip b/.yarn/cache/@next-swc-darwin-x64-npm-15.3.1-d979e83916-8.zip
similarity index 75%
rename from .yarn/cache/@next-swc-linux-x64-gnu-npm-14.2.26-6faaf40b08-8.zip
rename to .yarn/cache/@next-swc-darwin-x64-npm-15.3.1-d979e83916-8.zip
index 665c4f3d76..d674d5b443 100644
Binary files a/.yarn/cache/@next-swc-linux-x64-gnu-npm-14.2.26-6faaf40b08-8.zip and b/.yarn/cache/@next-swc-darwin-x64-npm-15.3.1-d979e83916-8.zip differ
diff --git a/.yarn/cache/@next-swc-linux-x64-musl-npm-14.2.26-3321d24d5b-8.zip b/.yarn/cache/@next-swc-linux-x64-musl-npm-15.3.1-6f44eae47e-8.zip
similarity index 76%
rename from .yarn/cache/@next-swc-linux-x64-musl-npm-14.2.26-3321d24d5b-8.zip
rename to .yarn/cache/@next-swc-linux-x64-musl-npm-15.3.1-6f44eae47e-8.zip
index 5cac598f32..320be6717e 100644
Binary files a/.yarn/cache/@next-swc-linux-x64-musl-npm-14.2.26-3321d24d5b-8.zip and b/.yarn/cache/@next-swc-linux-x64-musl-npm-15.3.1-6f44eae47e-8.zip differ
diff --git a/.yarn/cache/@next-swc-win32-x64-msvc-npm-14.2.26-25061f0abc-8.zip b/.yarn/cache/@next-swc-win32-x64-msvc-npm-15.3.1-1492b2d5b5-8.zip
similarity index 72%
rename from .yarn/cache/@next-swc-win32-x64-msvc-npm-14.2.26-25061f0abc-8.zip
rename to .yarn/cache/@next-swc-win32-x64-msvc-npm-15.3.1-1492b2d5b5-8.zip
index cccad41f5c..b1e3b544eb 100644
Binary files a/.yarn/cache/@next-swc-win32-x64-msvc-npm-14.2.26-25061f0abc-8.zip and b/.yarn/cache/@next-swc-win32-x64-msvc-npm-15.3.1-1492b2d5b5-8.zip differ
diff --git a/.yarn/cache/@next-third-parties-npm-15.2.3-e3909f3db8-5d5388c29d.zip b/.yarn/cache/@next-third-parties-npm-15.3.1-e94586b504-38cb3ed36e.zip
similarity index 93%
rename from .yarn/cache/@next-third-parties-npm-15.2.3-e3909f3db8-5d5388c29d.zip
rename to .yarn/cache/@next-third-parties-npm-15.3.1-e94586b504-38cb3ed36e.zip
index 0461046ff2..5caf9d0f3b 100644
Binary files a/.yarn/cache/@next-third-parties-npm-15.2.3-e3909f3db8-5d5388c29d.zip and b/.yarn/cache/@next-third-parties-npm-15.3.1-e94586b504-38cb3ed36e.zip differ
diff --git a/.yarn/cache/@react-aria-focus-npm-3.20.2-f88a2e4c0c-31f5d5eaa7.zip b/.yarn/cache/@react-aria-focus-npm-3.20.2-f88a2e4c0c-31f5d5eaa7.zip
new file mode 100644
index 0000000000..f1524ed63d
Binary files /dev/null and b/.yarn/cache/@react-aria-focus-npm-3.20.2-f88a2e4c0c-31f5d5eaa7.zip differ
diff --git a/.yarn/cache/@react-aria-interactions-npm-3.25.0-a16d79d1f0-c9c0d47455.zip b/.yarn/cache/@react-aria-interactions-npm-3.25.0-a16d79d1f0-c9c0d47455.zip
new file mode 100644
index 0000000000..3301886efd
Binary files /dev/null and b/.yarn/cache/@react-aria-interactions-npm-3.25.0-a16d79d1f0-c9c0d47455.zip differ
diff --git a/.yarn/cache/@react-aria-ssr-npm-3.9.8-00fdc5952f-5cde99515e.zip b/.yarn/cache/@react-aria-ssr-npm-3.9.8-00fdc5952f-5cde99515e.zip
new file mode 100644
index 0000000000..e658553bd2
Binary files /dev/null and b/.yarn/cache/@react-aria-ssr-npm-3.9.8-00fdc5952f-5cde99515e.zip differ
diff --git a/.yarn/cache/@react-aria-utils-npm-3.28.2-5612aebae6-c7a44236f1.zip b/.yarn/cache/@react-aria-utils-npm-3.28.2-5612aebae6-c7a44236f1.zip
new file mode 100644
index 0000000000..8e5d9399b3
Binary files /dev/null and b/.yarn/cache/@react-aria-utils-npm-3.28.2-5612aebae6-c7a44236f1.zip differ
diff --git a/.yarn/cache/@react-stately-flags-npm-3.1.1-22dc665b59-d9d3b73f26.zip b/.yarn/cache/@react-stately-flags-npm-3.1.1-22dc665b59-d9d3b73f26.zip
new file mode 100644
index 0000000000..f0f9ed7d0c
Binary files /dev/null and b/.yarn/cache/@react-stately-flags-npm-3.1.1-22dc665b59-d9d3b73f26.zip differ
diff --git a/.yarn/cache/@react-stately-utils-npm-3.10.6-72afadbbf1-c32ab2521f.zip b/.yarn/cache/@react-stately-utils-npm-3.10.6-72afadbbf1-c32ab2521f.zip
new file mode 100644
index 0000000000..b1dd2cfc5f
Binary files /dev/null and b/.yarn/cache/@react-stately-utils-npm-3.10.6-72afadbbf1-c32ab2521f.zip differ
diff --git a/.yarn/cache/@react-types-shared-npm-3.29.0-2a57c34f04-5cede0d1af.zip b/.yarn/cache/@react-types-shared-npm-3.29.0-2a57c34f04-5cede0d1af.zip
new file mode 100644
index 0000000000..2444bad8f9
Binary files /dev/null and b/.yarn/cache/@react-types-shared-npm-3.29.0-2a57c34f04-5cede0d1af.zip differ
diff --git a/.yarn/cache/@swc-helpers-npm-0.5.15-a7a06a73bc-1a9e0dbb79.zip b/.yarn/cache/@swc-helpers-npm-0.5.15-a7a06a73bc-1a9e0dbb79.zip
new file mode 100644
index 0000000000..98e86c90de
Binary files /dev/null and b/.yarn/cache/@swc-helpers-npm-0.5.15-a7a06a73bc-1a9e0dbb79.zip differ
diff --git a/.yarn/cache/@swc-helpers-npm-0.5.17-53974f71e8-085e13b536.zip b/.yarn/cache/@swc-helpers-npm-0.5.17-53974f71e8-085e13b536.zip
new file mode 100644
index 0000000000..8d6ff87232
Binary files /dev/null and b/.yarn/cache/@swc-helpers-npm-0.5.17-53974f71e8-085e13b536.zip differ
diff --git a/.yarn/cache/@swc-helpers-npm-0.5.5-a0698e6ac9-d4f207b191.zip b/.yarn/cache/@swc-helpers-npm-0.5.5-a0698e6ac9-d4f207b191.zip
deleted file mode 100644
index 7b2002b1e8..0000000000
Binary files a/.yarn/cache/@swc-helpers-npm-0.5.5-a0698e6ac9-d4f207b191.zip and /dev/null differ
diff --git a/.yarn/cache/@tanstack-react-virtual-npm-3.13.6-cf425ce6e2-4500088f77.zip b/.yarn/cache/@tanstack-react-virtual-npm-3.13.6-cf425ce6e2-4500088f77.zip
new file mode 100644
index 0000000000..7dac54b263
Binary files /dev/null and b/.yarn/cache/@tanstack-react-virtual-npm-3.13.6-cf425ce6e2-4500088f77.zip differ
diff --git a/.yarn/cache/@tanstack-virtual-core-npm-3.13.6-5a8c849c8d-ac3dfde620.zip b/.yarn/cache/@tanstack-virtual-core-npm-3.13.6-5a8c849c8d-ac3dfde620.zip
new file mode 100644
index 0000000000..506b3b0faa
Binary files /dev/null and b/.yarn/cache/@tanstack-virtual-core-npm-3.13.6-5a8c849c8d-ac3dfde620.zip differ
diff --git a/.yarn/cache/@types-react-dom-npm-18.3.1-15935b4e84-ad28ecce39.zip b/.yarn/cache/@types-react-dom-npm-18.3.6-49e04423b4-03434d70eb.zip
similarity index 70%
rename from .yarn/cache/@types-react-dom-npm-18.3.1-15935b4e84-ad28ecce39.zip
rename to .yarn/cache/@types-react-dom-npm-18.3.6-49e04423b4-03434d70eb.zip
index 35e9f0b185..ed553e6292 100644
Binary files a/.yarn/cache/@types-react-dom-npm-18.3.1-15935b4e84-ad28ecce39.zip and b/.yarn/cache/@types-react-dom-npm-18.3.6-49e04423b4-03434d70eb.zip differ
diff --git a/.yarn/cache/@types-react-dom-npm-19.1.2-59891627d2-62a5c398e8.zip b/.yarn/cache/@types-react-dom-npm-19.1.2-59891627d2-62a5c398e8.zip
new file mode 100644
index 0000000000..526dd42ddd
Binary files /dev/null and b/.yarn/cache/@types-react-dom-npm-19.1.2-59891627d2-62a5c398e8.zip differ
diff --git a/.yarn/cache/@types-react-npm-18.3.20-0aaa2627a6-a93a4eec87.zip b/.yarn/cache/@types-react-npm-18.3.20-0aaa2627a6-a93a4eec87.zip
new file mode 100644
index 0000000000..7edc27ddc1
Binary files /dev/null and b/.yarn/cache/@types-react-npm-18.3.20-0aaa2627a6-a93a4eec87.zip differ
diff --git a/.yarn/cache/@types-react-npm-19.1.2-b86c6e3a92-5a911a2c84.zip b/.yarn/cache/@types-react-npm-19.1.2-b86c6e3a92-5a911a2c84.zip
new file mode 100644
index 0000000000..08939c6eb3
Binary files /dev/null and b/.yarn/cache/@types-react-npm-19.1.2-b86c6e3a92-5a911a2c84.zip differ
diff --git a/.yarn/cache/codemirror-graphql-npm-2.1.1-1c228cbac7-e839875d89.zip b/.yarn/cache/codemirror-graphql-npm-2.2.0-5626039a2b-74640931a7.zip
similarity index 85%
rename from .yarn/cache/codemirror-graphql-npm-2.1.1-1c228cbac7-e839875d89.zip
rename to .yarn/cache/codemirror-graphql-npm-2.2.0-5626039a2b-74640931a7.zip
index 04c698527f..238e26f00e 100644
Binary files a/.yarn/cache/codemirror-graphql-npm-2.1.1-1c228cbac7-e839875d89.zip and b/.yarn/cache/codemirror-graphql-npm-2.2.0-5626039a2b-74640931a7.zip differ
diff --git a/.yarn/cache/color-npm-4.2.3-4a23227581-0579629c02.zip b/.yarn/cache/color-npm-4.2.3-4a23227581-0579629c02.zip
new file mode 100644
index 0000000000..cca7ea3109
Binary files /dev/null and b/.yarn/cache/color-npm-4.2.3-4a23227581-0579629c02.zip differ
diff --git a/.yarn/cache/color-string-npm-1.9.1-dc020e56be-c13fe7cff7.zip b/.yarn/cache/color-string-npm-1.9.1-dc020e56be-c13fe7cff7.zip
new file mode 100644
index 0000000000..7f3fc7289d
Binary files /dev/null and b/.yarn/cache/color-string-npm-1.9.1-dc020e56be-c13fe7cff7.zip differ
diff --git a/.yarn/cache/detect-libc-npm-2.0.4-e8a2aba8b6-3d186b7d4e.zip b/.yarn/cache/detect-libc-npm-2.0.4-e8a2aba8b6-3d186b7d4e.zip
new file mode 100644
index 0000000000..089843d92a
Binary files /dev/null and b/.yarn/cache/detect-libc-npm-2.0.4-e8a2aba8b6-3d186b7d4e.zip differ
diff --git a/.yarn/cache/eslint-config-next-npm-15.3.1-d9a9e26a6e-47cc427ee8.zip b/.yarn/cache/eslint-config-next-npm-15.3.1-d9a9e26a6e-47cc427ee8.zip
new file mode 100644
index 0000000000..04ff8390dc
Binary files /dev/null and b/.yarn/cache/eslint-config-next-npm-15.3.1-d9a9e26a6e-47cc427ee8.zip differ
diff --git a/.yarn/cache/graphiql-npm-3.7.2-111c50462a-09fb485d5d.zip b/.yarn/cache/graphiql-npm-3.7.2-111c50462a-09fb485d5d.zip
deleted file mode 100644
index 7cb7175f1c..0000000000
Binary files a/.yarn/cache/graphiql-npm-3.7.2-111c50462a-09fb485d5d.zip and /dev/null differ
diff --git a/.yarn/cache/graphiql-npm-3.8.3-cee762c42c-4a7b8cf492.zip b/.yarn/cache/graphiql-npm-3.8.3-cee762c42c-4a7b8cf492.zip
new file mode 100644
index 0000000000..8ebd29491c
Binary files /dev/null and b/.yarn/cache/graphiql-npm-3.8.3-cee762c42c-4a7b8cf492.zip differ
diff --git a/.yarn/cache/is-arrayish-npm-0.3.2-f856180f79-977e64f54d.zip b/.yarn/cache/is-arrayish-npm-0.3.2-f856180f79-977e64f54d.zip
new file mode 100644
index 0000000000..593895a162
Binary files /dev/null and b/.yarn/cache/is-arrayish-npm-0.3.2-f856180f79-977e64f54d.zip differ
diff --git a/.yarn/cache/next-npm-14.2.26-5a97fb4e47-0716fb3303.zip b/.yarn/cache/next-npm-14.2.26-5a97fb4e47-0716fb3303.zip
deleted file mode 100644
index 583cefc1e1..0000000000
Binary files a/.yarn/cache/next-npm-14.2.26-5a97fb4e47-0716fb3303.zip and /dev/null differ
diff --git a/.yarn/cache/@next-swc-darwin-x64-npm-14.2.26-7824a63a16-8.zip b/.yarn/cache/next-npm-15.3.1-0ae97302b9-c748e9f265.zip
similarity index 70%
rename from .yarn/cache/@next-swc-darwin-x64-npm-14.2.26-7824a63a16-8.zip
rename to .yarn/cache/next-npm-15.3.1-0ae97302b9-c748e9f265.zip
index 0c49de4915..d7fbb3677b 100644
Binary files a/.yarn/cache/@next-swc-darwin-x64-npm-14.2.26-7824a63a16-8.zip and b/.yarn/cache/next-npm-15.3.1-0ae97302b9-c748e9f265.zip differ
diff --git a/.yarn/cache/react-compiler-runtime-npm-19.0.0-beta-37ed2a7-20241206-8e248ddb69-bc5f205d9f.zip b/.yarn/cache/react-compiler-runtime-npm-19.0.0-beta-37ed2a7-20241206-8e248ddb69-bc5f205d9f.zip
new file mode 100644
index 0000000000..2c7de04e32
Binary files /dev/null and b/.yarn/cache/react-compiler-runtime-npm-19.0.0-beta-37ed2a7-20241206-8e248ddb69-bc5f205d9f.zip differ
diff --git a/.yarn/cache/react-dom-npm-19.1.0-773f826e46-1d154b6543.zip b/.yarn/cache/react-dom-npm-19.1.0-773f826e46-1d154b6543.zip
new file mode 100644
index 0000000000..256d3ffd45
Binary files /dev/null and b/.yarn/cache/react-dom-npm-19.1.0-773f826e46-1d154b6543.zip differ
diff --git a/.yarn/cache/react-npm-19.1.0-9804a7da5b-c0905f8cfb.zip b/.yarn/cache/react-npm-19.1.0-9804a7da5b-c0905f8cfb.zip
new file mode 100644
index 0000000000..572eebe050
Binary files /dev/null and b/.yarn/cache/react-npm-19.1.0-9804a7da5b-c0905f8cfb.zip differ
diff --git a/.yarn/cache/scheduler-npm-0.26.0-980301a213-c63a9f1c0e.zip b/.yarn/cache/scheduler-npm-0.26.0-980301a213-c63a9f1c0e.zip
new file mode 100644
index 0000000000..9ed33c4fb6
Binary files /dev/null and b/.yarn/cache/scheduler-npm-0.26.0-980301a213-c63a9f1c0e.zip differ
diff --git a/.yarn/cache/semver-npm-7.7.1-4572475307-586b825d36.zip b/.yarn/cache/semver-npm-7.7.1-4572475307-586b825d36.zip
new file mode 100644
index 0000000000..e264f95962
Binary files /dev/null and b/.yarn/cache/semver-npm-7.7.1-4572475307-586b825d36.zip differ
diff --git a/.yarn/cache/sharp-npm-0.34.1-ddd0c37e58-ce2798a2d1.zip b/.yarn/cache/sharp-npm-0.34.1-ddd0c37e58-ce2798a2d1.zip
new file mode 100644
index 0000000000..efd1cfc267
Binary files /dev/null and b/.yarn/cache/sharp-npm-0.34.1-ddd0c37e58-ce2798a2d1.zip differ
diff --git a/.yarn/cache/simple-swizzle-npm-0.2.2-8dee37fad1-a7f3f2ab5c.zip b/.yarn/cache/simple-swizzle-npm-0.2.2-8dee37fad1-a7f3f2ab5c.zip
new file mode 100644
index 0000000000..8420b563a9
Binary files /dev/null and b/.yarn/cache/simple-swizzle-npm-0.2.2-8dee37fad1-a7f3f2ab5c.zip differ
diff --git a/.yarn/cache/styled-jsx-npm-5.1.6-623e2e7d45-879ad68e3e.zip b/.yarn/cache/styled-jsx-npm-5.1.6-623e2e7d45-879ad68e3e.zip
new file mode 100644
index 0000000000..17cc1a9085
Binary files /dev/null and b/.yarn/cache/styled-jsx-npm-5.1.6-623e2e7d45-879ad68e3e.zip differ
diff --git a/.yarn/cache/tabbable-npm-6.2.0-5a74c8b4e2-f8440277d2.zip b/.yarn/cache/tabbable-npm-6.2.0-5a74c8b4e2-f8440277d2.zip
new file mode 100644
index 0000000000..a21eaa4012
Binary files /dev/null and b/.yarn/cache/tabbable-npm-6.2.0-5a74c8b4e2-f8440277d2.zip differ
diff --git a/.yarn/cache/use-sync-external-store-npm-1.5.0-556c6970f1-5e639c9273.zip b/.yarn/cache/use-sync-external-store-npm-1.5.0-556c6970f1-5e639c9273.zip
new file mode 100644
index 0000000000..66ac8ef474
Binary files /dev/null and b/.yarn/cache/use-sync-external-store-npm-1.5.0-556c6970f1-5e639c9273.zip differ
diff --git a/apps/web/custom.d.ts b/apps/web/custom.d.ts
index 36b7bcd4c0..991e39139c 100644
--- a/apps/web/custom.d.ts
+++ b/apps/web/custom.d.ts
@@ -1,4 +1,9 @@
-import { FC, SVGAttributes } from 'react'
+import {
+  type FC,
+  type SVGAttributes,
+  type DetailedHTMLProps,
+  type HTMLAttributes,
+} from 'react'
 
 declare module '*.svg' {
   const content: FC<SVGAttributes<SVGElement>>
diff --git a/apps/web/next-env.d.ts b/apps/web/next-env.d.ts
index a4a7b3f5cf..52e831b434 100644
--- a/apps/web/next-env.d.ts
+++ b/apps/web/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.
diff --git a/apps/web/package.json b/apps/web/package.json
index 91e0b83ad0..3377a7afd8 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -15,7 +15,7 @@
     "check:tailwind": "node ./scripts/check-tailwind.js",
     "codegen": "graphql-codegen",
     "codegen-production": "cross-env PRODUCTION=true graphql-codegen",
-    "dev": "next",
+    "dev": "next dev",
     "format": "npm-run-all --continue-on-error \"format:*\"",
     "format:eslint": "yarn _eslint --fix",
     "format:prettier": "yarn _prettier --write",
@@ -27,7 +27,9 @@
     "start": "next start"
   },
   "resolutions": {
-    "@serlo/katex-styles": "1.0.1"
+    "@serlo/katex-styles": "1.0.1",
+    "@types/react": "19.1.2",
+    "@types/react-dom": "19.1.2"
   },
   "dependencies": {
     "@cortex-js/compute-engine": "^0.22.0",
@@ -38,7 +40,7 @@
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@hello-pangea/dnd": "^17.0.0",
     "@lumieducation/h5p-react": "^9.3.2",
-    "@next/third-parties": "latest",
+    "@next/third-parties": "15.3.1",
     "@ory/client": "^1.15.10",
     "@ory/integrations": "1.1.5",
     "@radix-ui/react-dialog": "^1.1.2",
@@ -54,7 +56,7 @@
     "clsx": "^2.1.1",
     "fast-xml-parser": "^4.5.0",
     "fp-ts": "^2.16.9",
-    "graphiql": "^3.7.2",
+    "graphiql": "^3.8.3",
     "graphql": "^16.9.0",
     "graphql-request": "^7.1.2",
     "iframe-resizer": "^4.4.5",
@@ -65,15 +67,15 @@
     "katex": "^0.16.21",
     "mathjs": "^13.2.2",
     "mathlive": "^0.104.0",
-    "next": "^14.2.26",
+    "next": "15.3.1",
     "next-query-params": "^5.0.1",
     "nprogress": "^0.2.0",
     "postcss": "^8.4.49",
     "qrcode.react": "^4.1.0",
     "ramda": "^0.30.1",
-    "react": "^18.2.0",
+    "react": "19.1.0",
     "react-diff-viewer": "^3.1.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "19.1.0",
     "react-hot-toast": "^2.4.1",
     "react-lazyload": "^3.2.1",
     "react-textarea-autosize": "^8.5.5",
@@ -87,13 +89,13 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.23.0",
-    "@graphiql/toolkit": "^0.11.0",
+    "@graphiql/toolkit": "^0.11.1",
     "@graphql-codegen/add": "^5.0.3",
     "@graphql-codegen/cli": "5.0.3",
     "@graphql-codegen/introspection": "4.0.3",
     "@graphql-codegen/typescript": "4.1.1",
     "@graphql-codegen/typescript-operations": "4.3.1",
-    "@next/bundle-analyzer": "^15.0.3",
+    "@next/bundle-analyzer": "15.3.1",
     "@serlo/eslint-config": "workspace:*",
     "@serlo/typescript-config": "workspace:*",
     "@svgr/webpack": "^8.1.0",
@@ -107,15 +109,15 @@
     "@types/nprogress": "^0.2.3",
     "@types/qrcode.react": "^1.0.5",
     "@types/ramda": "^0.30.2",
-    "@types/react": "^18.0.25",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "19.1.2",
+    "@types/react-dom": "19.1.2",
     "@types/react-lazyload": "^3.2.3",
     "@typescript-eslint/eslint-plugin": "^8.15.0",
     "@typescript-eslint/parser": "^8.15.0",
     "cross-env": "^7.0.3",
     "dotenv": "^16.4.5",
     "eslint": "^9.23.0",
-    "eslint-config-next": "^15.2.4",
+    "eslint-config-next": "15.3.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.9.1",
     "eslint-plugin-import": "^2.31.0",
@@ -147,6 +149,9 @@
     "minimumChangeThreshold": 0,
     "showDetails": true
   },
+  "overrides": {
+    "@headlessui/react": "2.2.0"
+  },
   "postcss": {
     "plugins": {
       "postcss-import": {},
diff --git a/apps/web/src/components/author/revision/revision-header.tsx b/apps/web/src/components/author/revision/revision-header.tsx
index 31a577d792..342c3c1bfa 100644
--- a/apps/web/src/components/author/revision/revision-header.tsx
+++ b/apps/web/src/components/author/revision/revision-header.tsx
@@ -1,5 +1,5 @@
 import { faArrowCircleLeft } from '@fortawesome/free-solid-svg-icons'
-import type { Dispatch, SetStateAction } from 'react'
+import type { Dispatch, SetStateAction, JSX } from 'react'
 
 import type { DisplayModes } from './display-modes'
 import { RevisionModeSwitcher } from './revision-mode-switcher'
diff --git a/apps/web/src/components/author/uuid-url-input.tsx b/apps/web/src/components/author/uuid-url-input.tsx
index baa2827701..0aaf17090f 100644
--- a/apps/web/src/components/author/uuid-url-input.tsx
+++ b/apps/web/src/components/author/uuid-url-input.tsx
@@ -1,5 +1,5 @@
 import { gql } from 'graphql-request'
-import { useState } from 'react'
+import { useState, type JSX } from 'react'
 
 import { FaIcon } from '../fa-icon'
 import { useGraphqlSwr } from '@/api/use-graphql-swr'
diff --git a/apps/web/src/components/comments/dropdown-menu.tsx b/apps/web/src/components/comments/dropdown-menu.tsx
index 9005c6bddf..cbc99b1e0d 100644
--- a/apps/web/src/components/comments/dropdown-menu.tsx
+++ b/apps/web/src/components/comments/dropdown-menu.tsx
@@ -5,6 +5,7 @@ import {
   faPencil,
 } from '@fortawesome/free-solid-svg-icons'
 import { Thread } from '@serlo/authorization'
+import type { JSX } from 'react'
 
 import { FaIcon } from '../fa-icon'
 import { useCanDo } from '@/auth/use-can-do'
diff --git a/apps/web/src/components/content/donations-banner-experiment/donations-banner.tsx b/apps/web/src/components/content/donations-banner-experiment/donations-banner.tsx
index 8527e80322..e5339dbb3d 100644
--- a/apps/web/src/components/content/donations-banner-experiment/donations-banner.tsx
+++ b/apps/web/src/components/content/donations-banner-experiment/donations-banner.tsx
@@ -210,91 +210,93 @@ export function DonationsBanner({ id, entityData }: DonationsBannerProps) {
 
   return (
     <Lazy slim>
-      <aside
-        ref={bannerRef}
-        className={cn(`
+      <>
+        <aside
+          ref={bannerRef}
+          className={cn(`
             relative w-[100vw] overflow-x-hidden bg-[url("/_assets/img/landing/about-container.svg")] bg-[length:100vw_100%] bg-bottom bg-no-repeat 
             px-side py-6 text-center
             text-xl sm:-mx-2 sm:flex sm:max-w-[100vw] sm:justify-between
             sm:px-0 sm:text-left lg:my-16 lg:py-10 lg:text-2xl
           `)}
-      >
-        {renderHideButton()}
-        <figure className="mx-auto mt-6 max-w-[22rem] text-center sm:mr-0 sm:max-w-[15rem]">
-          {/* eslint-disable-next-line @next/next/no-img-element */}
-          <img
-            src={banner.imageSrc}
-            onLoad={() => {
-              const observer = new IntersectionObserver(
-                (entries, _observer) => {
-                  const entry = entries[0]
-                  if (
-                    entry.isIntersecting &&
-                    globalThis.hack__lastId !== globalThis.hack__id
-                  ) {
-                    globalThis.hack__lastId = globalThis.hack__id
-                    submitEvent(`spenden-seen-${banner.id}`)
+        >
+          {renderHideButton()}
+          <figure className="mx-auto mt-6 max-w-[22rem] text-center sm:mr-0 sm:max-w-[15rem]">
+            {/* eslint-disable-next-line @next/next/no-img-element */}
+            <img
+              src={banner.imageSrc}
+              onLoad={() => {
+                const observer = new IntersectionObserver(
+                  (entries, _observer) => {
+                    const entry = entries[0]
+                    if (
+                      entry.isIntersecting &&
+                      globalThis.hack__lastId !== globalThis.hack__id
+                    ) {
+                      globalThis.hack__lastId = globalThis.hack__id
+                      submitEvent(`spenden-seen-${banner.id}`)
+                    }
                   }
-                }
-              )
-              if (bannerRef.current) observer.observe(bannerRef.current)
-            }}
-            className={cn(
-              'mx-auto mb-3',
-              isTestimonial
-                ? 'max-w-[12rem] rounded-full sm:mt-2 sm:p-3'
-                : 'scale-x-[-1] px-16 sm:px-3'
-            )}
-          />
-          {isTestimonial ? (
-            <>
-              <p className="mt-1 text-base font-bold text-gray-700">
-                @{banner.username}
-              </p>
-              {renderRoles(banner.roles)}
-            </>
-          ) : null}
-        </figure>
-        <div className="mx-auto max-w-2xl px-side sm:ml-0 sm:mt-5">
-          <p className="mx-side my-5 font-handwritten text-[1.32em] text-brand">
-            {banner.call}
-          </p>
-          <div className="text-center sm:text-left">{banner.text}</div>
-
-          <p className="mx-auto mb-6 block sm:mb-10 sm:ml-side lg:mb-24">
-            <button
-              className="serlo-button-green"
-              onClick={() => {
-                submitEvent(`spenden-clicked-${banner.id}`)
-                void router.push('/spenden')
+                )
+                if (bannerRef.current) observer.observe(bannerRef.current)
               }}
-            >
-              {banner.buttonText ? banner.buttonText : 'Jetzt spenden'}{' '}
-            </button>
-          </p>
-        </div>
-      </aside>
-      <style jsx>{`
-        aside {
-          left: calc(-50vw + 50%);
-        }
-        @media (min-width: 800px) {
-          aside {
-            left: -51px;
-          }
-        }
-        @media (min-width: 1024px) {
+              className={cn(
+                'mx-auto mb-3',
+                isTestimonial
+                  ? 'max-w-[12rem] rounded-full sm:mt-2 sm:p-3'
+                  : 'scale-x-[-1] px-16 sm:px-3'
+              )}
+            />
+            {isTestimonial ? (
+              <>
+                <p className="mt-1 text-base font-bold text-gray-700">
+                  @{banner.username}
+                </p>
+                {renderRoles(banner.roles)}
+              </>
+            ) : null}
+          </figure>
+          <div className="mx-auto max-w-2xl px-side sm:ml-0 sm:mt-5">
+            <p className="mx-side my-5 font-handwritten text-[1.32em] text-brand">
+              {banner.call}
+            </p>
+            <div className="text-center sm:text-left">{banner.text}</div>
+
+            <p className="mx-auto mb-6 block sm:mb-10 sm:ml-side lg:mb-24">
+              <button
+                className="serlo-button-green"
+                onClick={() => {
+                  submitEvent(`spenden-clicked-${banner.id}`)
+                  void router.push('/spenden')
+                }}
+              >
+                {banner.buttonText ? banner.buttonText : 'Jetzt spenden'}{' '}
+              </button>
+            </p>
+          </div>
+        </aside>
+        <style jsx>{`
           aside {
             left: calc(-50vw + 50%);
           }
-        }
-        @media (min-width: 1216px) {
-          button {
-            /*zoom: 1.15;*/
-            position: absolute;
+          @media (min-width: 800px) {
+            aside {
+              left: -51px;
+            }
+          }
+          @media (min-width: 1024px) {
+            aside {
+              left: calc(-50vw + 50%);
+            }
+          }
+          @media (min-width: 1216px) {
+            button {
+              /*zoom: 1.15;*/
+              position: absolute;
+            }
           }
-        }
-      `}</style>
+        `}</style>
+      </>
     </Lazy>
   )
 
diff --git a/apps/web/src/components/content/lazy.tsx b/apps/web/src/components/content/lazy.tsx
index 2a2a0a022a..8b4ac4d647 100644
--- a/apps/web/src/components/content/lazy.tsx
+++ b/apps/web/src/components/content/lazy.tsx
@@ -1,12 +1,12 @@
 import { useRouter } from 'next/router'
-import { ReactNode } from 'react'
+import type { JSX } from 'react'
 import LazyLoad from 'react-lazyload'
 
 import { isPrintMode } from '../print-mode'
 import { cn } from '@/helper/cn'
 
 export interface LazyProps {
-  children: ReactNode
+  children: JSX.Element
   slim?: boolean
   noPrint?: boolean
 }
diff --git a/apps/web/src/components/content/light-box.tsx b/apps/web/src/components/content/light-box.tsx
index e2988a997f..a965a1a82d 100644
--- a/apps/web/src/components/content/light-box.tsx
+++ b/apps/web/src/components/content/light-box.tsx
@@ -1,5 +1,5 @@
 import * as Dialog from '@radix-ui/react-dialog'
-import { ReactNode } from 'react'
+import { ReactNode, type JSX } from 'react'
 
 import { ProxyImage } from '../landing/subjects/proxy-image'
 import { defaultModalOverlayStyles } from '../modal-with-close-button'
diff --git a/apps/web/src/components/content/page-title.tsx b/apps/web/src/components/content/page-title.tsx
index 679be1a4d9..6a52e3b91a 100644
--- a/apps/web/src/components/content/page-title.tsx
+++ b/apps/web/src/components/content/page-title.tsx
@@ -1,5 +1,5 @@
 import Head from 'next/head'
-import { PropsWithChildren } from 'react'
+import { PropsWithChildren, type JSX } from 'react'
 
 import { cn } from '@/helper/cn'
 
diff --git a/apps/web/src/components/content/privacy-wrapper.tsx b/apps/web/src/components/content/privacy-wrapper.tsx
index 8605548381..283ce07b73 100644
--- a/apps/web/src/components/content/privacy-wrapper.tsx
+++ b/apps/web/src/components/content/privacy-wrapper.tsx
@@ -1,6 +1,6 @@
 import { faHeart } from '@fortawesome/free-solid-svg-icons'
 import Image from 'next/image'
-import { useState, KeyboardEvent, useEffect } from 'react'
+import { useState, KeyboardEvent, useEffect, type JSX } from 'react'
 
 import { FaIcon } from '../fa-icon'
 import { useInstanceData } from '@/contexts/instance-context'
diff --git a/apps/web/src/components/entity/entity.tsx b/apps/web/src/components/entity/entity.tsx
index 055313ef6c..0876f082fe 100644
--- a/apps/web/src/components/entity/entity.tsx
+++ b/apps/web/src/components/entity/entity.tsx
@@ -11,6 +11,7 @@ import {
   faTrash,
 } from '@fortawesome/free-solid-svg-icons'
 import dynamic from 'next/dynamic'
+import type { JSX } from 'react'
 
 import { HSpace } from '../content/h-space'
 import { Link } from '../content/link'
diff --git a/apps/web/src/components/equations-app/math-field-2.tsx b/apps/web/src/components/equations-app/math-field-2.tsx
index b9ad13bd34..894d38a2e2 100644
--- a/apps/web/src/components/equations-app/math-field-2.tsx
+++ b/apps/web/src/components/equations-app/math-field-2.tsx
@@ -8,6 +8,18 @@ interface MathFieldProps {
   onEnter?: () => void
 }
 
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace JSX {
+    interface IntrinsicElements {
+      'math-field': React.DetailedHTMLProps<
+        React.HTMLAttributes<MathfieldElement>,
+        MathfieldElement
+      >
+    }
+  }
+}
+
 export function MathField2(props: MathFieldProps) {
   const [value, setValue] = useState(props.value ?? '')
 
@@ -71,8 +83,8 @@ export function MathField2(props: MathFieldProps) {
       id="math-input-field"
       style={{ display: 'block' }}
       ref={mf}
-      onInput={(evt) => {
-        const v = (evt.target as MathfieldElement).value
+      onInput={(e) => {
+        const v = (e.target as MathfieldElement).value
         setValue(v)
         if (props.onChange) {
           props.onChange(v)
diff --git a/apps/web/src/components/equations-app/readonly-math-field.tsx b/apps/web/src/components/equations-app/readonly-math-field.tsx
index 2c9c05fc42..10c98b3ff2 100644
--- a/apps/web/src/components/equations-app/readonly-math-field.tsx
+++ b/apps/web/src/components/equations-app/readonly-math-field.tsx
@@ -8,7 +8,7 @@ interface MathFieldProps {
   lazy?: boolean
 }
 
-declare global {
+declare module 'react' {
   // eslint-disable-next-line @typescript-eslint/no-namespace
   namespace JSX {
     interface IntrinsicElements {
diff --git a/apps/web/src/components/frontend-client-base/conditional-wrap.tsx b/apps/web/src/components/frontend-client-base/conditional-wrap.tsx
index 57298eb371..08ff447e03 100644
--- a/apps/web/src/components/frontend-client-base/conditional-wrap.tsx
+++ b/apps/web/src/components/frontend-client-base/conditional-wrap.tsx
@@ -1,3 +1,4 @@
+import type { JSX } from 'react'
 // from https://gist.github.com/kitze/23d82bb9eb0baabfd03a6a720b1d637f
 
 export interface ConditionalWrapProps {
diff --git a/apps/web/src/components/frontend-client-base/frontend-client-base.tsx b/apps/web/src/components/frontend-client-base/frontend-client-base.tsx
index 744335e168..bb3b32f834 100644
--- a/apps/web/src/components/frontend-client-base/frontend-client-base.tsx
+++ b/apps/web/src/components/frontend-client-base/frontend-client-base.tsx
@@ -2,7 +2,7 @@ import type { AuthorizationPayload } from '@serlo/authorization'
 import Head from 'next/head'
 import { Router, useRouter } from 'next/router'
 import NProgress from 'nprogress'
-import { useState, useEffect } from 'react'
+import { useState, useEffect, type JSX } from 'react'
 import { Toaster } from 'react-hot-toast'
 
 import { ConditionalWrap } from './conditional-wrap'
diff --git a/apps/web/src/components/landing/subjects/proxy-image.tsx b/apps/web/src/components/landing/subjects/proxy-image.tsx
index f7f608985b..8885b879a2 100644
--- a/apps/web/src/components/landing/subjects/proxy-image.tsx
+++ b/apps/web/src/components/landing/subjects/proxy-image.tsx
@@ -9,7 +9,7 @@ import { serloDomain } from '@/helper/urls/serlo-domain'
  */
 export function ProxyImage(props: ImgHTMLAttributes<HTMLImageElement>) {
   // eslint-disable-next-line @next/next/no-img-element
-  return <img {...props} src={getSrc(props.src)} />
+  return <img {...props} src={getSrc(props.src as string)} />
 }
 
 function getSrc(src?: string) {
diff --git a/apps/web/src/components/navigation/header/menu/icon.tsx b/apps/web/src/components/navigation/header/menu/icon.tsx
index b64df50bcd..a7d8dbfa49 100644
--- a/apps/web/src/components/navigation/header/menu/icon.tsx
+++ b/apps/web/src/components/navigation/header/menu/icon.tsx
@@ -7,6 +7,7 @@ import {
   faUserEdit,
   faUserFriends,
 } from '@fortawesome/free-solid-svg-icons'
+import type { JSX } from 'react'
 
 import { FaIcon } from '@/components/fa-icon'
 import { cn } from '@/helper/cn'
diff --git a/apps/web/src/components/navigation/header/menu/item.tsx b/apps/web/src/components/navigation/header/menu/item.tsx
index 8c67977e42..d7cd6991ac 100644
--- a/apps/web/src/components/navigation/header/menu/item.tsx
+++ b/apps/web/src/components/navigation/header/menu/item.tsx
@@ -5,6 +5,7 @@ import {
   Link,
 } from '@radix-ui/react-navigation-menu'
 import { default as NextLink } from 'next/link'
+import type { JSX } from 'react'
 
 import { Icon } from './icon'
 import { SubContent } from './sub-content'
diff --git a/apps/web/src/components/pages/editor/education-plugins.tsx b/apps/web/src/components/pages/editor/education-plugins.tsx
index 8c7ef2251f..f325363d26 100644
--- a/apps/web/src/components/pages/editor/education-plugins.tsx
+++ b/apps/web/src/components/pages/editor/education-plugins.tsx
@@ -329,8 +329,7 @@ export function EducationPlugins() {
                 {/* eslint-disable-next-line @next/next/no-img-element */}
                 <img
                   key={image}
-                  className="
-                    rounded-md border-4 border-brand-200"
+                  className="rounded-md border-4 border-brand-200"
                   alt={`Screenshot of ${title}`}
                   src={`/_assets/img/editor/screenshots/${image}`}
                 />
diff --git a/apps/web/src/components/pages/lenabi/lenabi-welcome.tsx b/apps/web/src/components/pages/lenabi/lenabi-welcome.tsx
index 841d831f2b..f47a4c8ca7 100644
--- a/apps/web/src/components/pages/lenabi/lenabi-welcome.tsx
+++ b/apps/web/src/components/pages/lenabi/lenabi-welcome.tsx
@@ -151,7 +151,7 @@ export function LenabiWelcome() {
     link,
   }: {
     title: string
-    content: ReactElement
+    content: ReactElement<any>
     link?: string
   }) {
     return (
diff --git a/apps/web/src/components/user-tools/foldout-author-menus/author-tools.tsx b/apps/web/src/components/user-tools/foldout-author-menus/author-tools.tsx
index 1d55a831aa..97519a286a 100644
--- a/apps/web/src/components/user-tools/foldout-author-menus/author-tools.tsx
+++ b/apps/web/src/components/user-tools/foldout-author-menus/author-tools.tsx
@@ -6,7 +6,7 @@ import {
   UuidType as AuthUuidType,
 } from '@serlo/authorization'
 import { useRouter } from 'next/router'
-import { Fragment } from 'react'
+import { Fragment, type JSX } from 'react'
 
 import { SubItem } from './sub-item'
 import { useCanDo } from '@/auth/use-can-do'
diff --git a/apps/web/src/components/user/event.tsx b/apps/web/src/components/user/event.tsx
index 1819ccc26d..995518b3dd 100644
--- a/apps/web/src/components/user/event.tsx
+++ b/apps/web/src/components/user/event.tsx
@@ -3,6 +3,7 @@ import { faBellSlash, faCheck } from '@fortawesome/free-solid-svg-icons'
 import { Entity } from '@serlo/authorization'
 import Tippy from '@tippyjs/react'
 import dynamic from 'next/dynamic'
+import type { JSX } from 'react'
 
 import { UserLink } from './user-link'
 import { FaIcon } from '../fa-icon'
diff --git a/apps/web/src/components/user/profile-badges.tsx b/apps/web/src/components/user/profile-badges.tsx
index af4afcd04f..a620cecc1b 100644
--- a/apps/web/src/components/user/profile-badges.tsx
+++ b/apps/web/src/components/user/profile-badges.tsx
@@ -1,5 +1,5 @@
 import { default as NextLink } from 'next/link'
-import { Fragment } from 'react'
+import { Fragment, type JSX } from 'react'
 
 import AuthorBadge from '@/assets-webkit/img/community/badge-author.svg'
 import DonorBadge from '@/assets-webkit/img/community/badge-donor.svg'
diff --git a/apps/web/src/components/user/profile-settings.tsx b/apps/web/src/components/user/profile-settings.tsx
index e836d57c8e..225f45b43a 100644
--- a/apps/web/src/components/user/profile-settings.tsx
+++ b/apps/web/src/components/user/profile-settings.tsx
@@ -1,3 +1,5 @@
+import type { JSX } from 'react'
+
 import { ProfileDescriptionEditor } from './profile-description-editor'
 import { getAvatarUrl } from './user-link'
 import { useAuthentication } from '@/auth/use-authentication'
diff --git a/apps/web/src/helper/rendered-page.tsx b/apps/web/src/helper/rendered-page.tsx
index 5144af37aa..c9a1e34639 100644
--- a/apps/web/src/helper/rendered-page.tsx
+++ b/apps/web/src/helper/rendered-page.tsx
@@ -1,5 +1,6 @@
 import type { NextPage } from 'next'
 import type { AppProps } from 'next/app'
+import type { JSX } from 'react'
 
 type RenderLayout<T> = (pageProps: T, props: AppProps<T>) => JSX.Element
 
diff --git a/apps/web/src/helper/replace-placeholders.tsx b/apps/web/src/helper/replace-placeholders.tsx
index 8e5c399d84..090f6cfc90 100644
--- a/apps/web/src/helper/replace-placeholders.tsx
+++ b/apps/web/src/helper/replace-placeholders.tsx
@@ -1,4 +1,4 @@
-import { Fragment } from 'react'
+import { Fragment, type JSX } from 'react'
 
 import { replaceWithJSX } from './replace-with-jsx'
 
diff --git a/apps/web/src/helper/replace-with-jsx.tsx b/apps/web/src/helper/replace-with-jsx.tsx
index 9c2a594153..13e937ee85 100644
--- a/apps/web/src/helper/replace-with-jsx.tsx
+++ b/apps/web/src/helper/replace-with-jsx.tsx
@@ -1,3 +1,5 @@
+import type { JSX } from 'react'
+
 export function replaceWithJSX(
   input: (string | JSX.Element)[],
   regex: RegExp,
diff --git a/apps/web/src/helper/use-scroll-up-trigger.ts b/apps/web/src/helper/use-scroll-up-trigger.ts
index a082551263..3e557ab6a2 100644
--- a/apps/web/src/helper/use-scroll-up-trigger.ts
+++ b/apps/web/src/helper/use-scroll-up-trigger.ts
@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react'
 
 export function useScrollUpTrigger(handleScroll: () => void, active: boolean) {
-  const throttleTimer = useRef<NodeJS.Timeout | false>()
+  const throttleTimer = useRef<NodeJS.Timeout | false>(undefined)
   const oldScrollY = useRef<number>(0)
 
   useEffect(() => {
diff --git a/apps/web/src/pages/___graphql.tsx b/apps/web/src/pages/___graphql.tsx
index dccd622331..70e9754916 100644
--- a/apps/web/src/pages/___graphql.tsx
+++ b/apps/web/src/pages/___graphql.tsx
@@ -1,5 +1,5 @@
 import type { FetcherParams } from '@graphiql/toolkit'
-import type { GraphiQLProps } from 'graphiql/esm/components/GraphiQL'
+import { GraphiQLProps } from 'graphiql'
 import { ExecutionResult } from 'graphql'
 import { NextPage } from 'next'
 import dynamic from 'next/dynamic'
diff --git a/apps/web/src/serlo-editor-integration/components/external-revision-loader.tsx b/apps/web/src/serlo-editor-integration/components/external-revision-loader.tsx
index 92aa71f4e3..bb1619a8ed 100644
--- a/apps/web/src/serlo-editor-integration/components/external-revision-loader.tsx
+++ b/apps/web/src/serlo-editor-integration/components/external-revision-loader.tsx
@@ -2,7 +2,7 @@ import { type BaseEditor, TemplatePluginType } from '@editor/package'
 import { faFileImport } from '@fortawesome/free-solid-svg-icons'
 import request from 'graphql-request'
 import NProgress from 'nprogress'
-import { type MutableRefObject, useCallback, useState } from 'react'
+import { type RefObject, useCallback, useState } from 'react'
 
 import { AddButton } from './add-button'
 import { endpoint } from '@/api/endpoint'
@@ -44,7 +44,7 @@ export function ExternalRevisionLoader<T>({
 }: {
   templateType: TemplatePluginType
   dispatchReplaceRootDocument: BaseEditor['dispatchReplaceRootDocument']
-  prefilledChangesRef: MutableRefObject<string | undefined>
+  prefilledChangesRef: RefObject<string | undefined>
 }) {
   const [showRevisions, setShowRevisions] = useState(false)
 
diff --git a/apps/web/src/serlo-editor-integration/components/save-button.tsx b/apps/web/src/serlo-editor-integration/components/save-button.tsx
index dc8e568d3f..cce74f6e85 100644
--- a/apps/web/src/serlo-editor-integration/components/save-button.tsx
+++ b/apps/web/src/serlo-editor-integration/components/save-button.tsx
@@ -1,6 +1,6 @@
 import type { StorageFormat } from '@editor/package'
 import { faSave } from '@fortawesome/free-solid-svg-icons'
-import { type MutableRefObject, useState } from 'react'
+import { type RefObject, useState } from 'react'
 import { createPortal } from 'react-dom'
 
 import { SaveModal } from './save-modal'
@@ -19,7 +19,7 @@ export function SaveButton({
 }: {
   onSave: SerloEditorProps['onSave']
   isChanged: boolean
-  editorState: MutableRefObject<StorageFormat>
+  editorState: RefObject<StorageFormat>
   isInTestArea?: boolean
   prefilledChanges?: string
 }) {
diff --git a/apps/web/src/serlo-editor-integration/components/save-modal.tsx b/apps/web/src/serlo-editor-integration/components/save-modal.tsx
index adb8dcbbe5..5258c55e04 100644
--- a/apps/web/src/serlo-editor-integration/components/save-modal.tsx
+++ b/apps/web/src/serlo-editor-integration/components/save-modal.tsx
@@ -1,6 +1,6 @@
 import { type StorageFormat, TemplatePluginType } from '@editor/package'
 import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons'
-import { type MutableRefObject, useContext, useEffect, useState } from 'react'
+import { type RefObject, useContext, useEffect, useState } from 'react'
 
 import { convertEditorStateToSetEntityMutationData } from '../convert-editor-state-to-set-entity-mutation-data'
 import type { SerloEditorProps } from '../serlo-editor'
@@ -25,7 +25,7 @@ export function SaveModal({
   open: boolean
   setOpen: (arg0: boolean) => void
   onSave: SerloEditorProps['onSave']
-  editorState: MutableRefObject<StorageFormat>
+  editorState: RefObject<StorageFormat>
   isInTestArea?: boolean
   prefilledChanges?: string
 }) {
diff --git a/apps/web/src/serlo-editor-integration/editor-renderer.tsx b/apps/web/src/serlo-editor-integration/editor-renderer.tsx
index fb1b0113ce..927e026e2d 100644
--- a/apps/web/src/serlo-editor-integration/editor-renderer.tsx
+++ b/apps/web/src/serlo-editor-integration/editor-renderer.tsx
@@ -1,4 +1,5 @@
 import { SerloRenderer } from '@editor/package'
+import type { JSX } from 'react'
 
 import { extraSerloRenderers } from './extra-serlo-renderers'
 import { useSerloHandleLearnerEvent } from './use-handle-learner-event'
diff --git a/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/audio-serlo-static-renderer.tsx b/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/audio-serlo-static-renderer.tsx
index fca95116b5..cb626d2527 100644
--- a/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/audio-serlo-static-renderer.tsx
+++ b/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/audio-serlo-static-renderer.tsx
@@ -22,15 +22,17 @@ export function AudioSerloStaticRenderer(props: EditorAudioDocument) {
 
   return (
     <Lazy noPrint>
-      <PrivacyWrapper
-        type="audio"
-        provider={ExternalProvider.Vocaroo}
-        embedUrl={vocarooUrl}
-        className="print:hidden"
-      >
-        <AudioRenderer src={src} type={type} />
-      </PrivacyWrapper>
-      <p className="serlo-p hidden print:block">[{vocarooUrl}]</p>
+      <>
+        <PrivacyWrapper
+          type="audio"
+          provider={ExternalProvider.Vocaroo}
+          embedUrl={vocarooUrl}
+          className="print:hidden"
+        >
+          <AudioRenderer src={src} type={type} />
+        </PrivacyWrapper>
+        <p className="serlo-p hidden print:block">[{vocarooUrl}]</p>
+      </>
     </Lazy>
   )
 }
diff --git a/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/geogebra-serlo-static-renderer.tsx b/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/geogebra-serlo-static-renderer.tsx
index 7a6c17d459..b0b82609d1 100644
--- a/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/geogebra-serlo-static-renderer.tsx
+++ b/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/geogebra-serlo-static-renderer.tsx
@@ -20,15 +20,17 @@ export function GeogebraSerloStaticRenderer(props: EditorGeogebraDocument) {
   const { url } = parseId(props.state)
   return (
     <Lazy noPrint>
-      <PrivacyWrapper
-        type="applet"
-        provider={ExternalProvider.GeoGebra}
-        embedUrl={url}
-        className="print:hidden"
-      >
-        <GeogebraStaticRenderer {...props} />
-      </PrivacyWrapper>
-      <p className="serlo-p hidden print:block">[{url}]</p>
+      <>
+        <PrivacyWrapper
+          type="applet"
+          provider={ExternalProvider.GeoGebra}
+          embedUrl={url}
+          className="print:hidden"
+        >
+          <GeogebraStaticRenderer {...props} />
+        </PrivacyWrapper>
+        <p className="serlo-p hidden print:block">[{url}]</p>
+      </>
     </Lazy>
   )
 }
diff --git a/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/interactive-video-serlo-static-renderer.tsx b/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/interactive-video-serlo-static-renderer.tsx
index 51edc97b41..638798f61c 100644
--- a/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/interactive-video-serlo-static-renderer.tsx
+++ b/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/interactive-video-serlo-static-renderer.tsx
@@ -27,15 +27,17 @@ export function InteractiveVideoSerloStaticRenderer(
 
   return (
     <Lazy noPrint>
-      <PrivacyWrapper
-        type="video"
-        provider={type as unknown as ExternalProvider}
-        embedUrl={iframeSrc}
-        className="print:hidden"
-      >
-        <InteractiveVideoStaticRenderer {...props} />
-      </PrivacyWrapper>
-      <p className="serlo-p hidden print:block">[{src}]</p>
+      <>
+        <PrivacyWrapper
+          type="video"
+          provider={type as unknown as ExternalProvider}
+          embedUrl={iframeSrc}
+          className="print:hidden"
+        >
+          <InteractiveVideoStaticRenderer {...props} />
+        </PrivacyWrapper>
+        <p className="serlo-p hidden print:block">[{src}]</p>
+      </>
     </Lazy>
   )
 }
diff --git a/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/video-serlo-static-renderer.tsx b/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/video-serlo-static-renderer.tsx
index 8b1da2fc7a..0434b9d296 100644
--- a/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/video-serlo-static-renderer.tsx
+++ b/apps/web/src/serlo-editor-integration/serlo-plugin-wrappers/video-serlo-static-renderer.tsx
@@ -24,23 +24,27 @@ export function VideoSerloStaticRenderer(props: EditorVideoDocument) {
   if (type === VideoType.SerloAsset) {
     return (
       <Lazy noPrint>
-        <VideoStaticRenderer {...props} />
-        <p className="serlo-p hidden print:block">[{src}]</p>
+        <>
+          <VideoStaticRenderer {...props} />
+          <p className="serlo-p hidden print:block">[{src}]</p>
+        </>
       </Lazy>
     )
   }
 
   return (
     <Lazy noPrint>
-      <PrivacyWrapper
-        type="video"
-        provider={type as unknown as ExternalProvider}
-        embedUrl={iframeSrc}
-        className="print:hidden"
-      >
-        <VideoStaticRenderer {...props} />
-      </PrivacyWrapper>
-      <p className="serlo-p hidden print:block">[{src}]</p>
+      <>
+        <PrivacyWrapper
+          type="video"
+          provider={type as unknown as ExternalProvider}
+          embedUrl={iframeSrc}
+          className="print:hidden"
+        >
+          <VideoStaticRenderer {...props} />
+        </PrivacyWrapper>
+        <p className="serlo-p hidden print:block">[{src}]</p>
+      </>
     </Lazy>
   )
 }
diff --git a/package.json b/package.json
index 2ac4e799e0..43807c42e2 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,11 @@
     "start": "yarn workspace @serlo/frontend start",
     "test": "yarn workspace @serlo/editor test"
   },
+  "dependencies": {
+    "next": "15.3.1",
+    "react": "19.1.0",
+    "react-dom": "19.1.0"
+  },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.23.0",
diff --git a/packages/editor-web-component/package.json b/packages/editor-web-component/package.json
index a3f7e6d7a4..4c19afecef 100644
--- a/packages/editor-web-component/package.json
+++ b/packages/editor-web-component/package.json
@@ -48,8 +48,8 @@
     "@rollup/plugin-replace": "^6.0.1",
     "@serlo/editor": "0.24.0",
     "@serlo/typescript-config": "workspace:*",
-    "@types/react": "^18.0.25",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^18.3.20",
+    "@types/react-dom": "^18.3.6",
     "@vitejs/plugin-react": "^4.3.3",
     "eslint": "^9.23.0",
     "eslint-config-next": "^15.2.4",
@@ -63,8 +63,8 @@
     "prettier": "^3.5.3",
     "prettier-plugin-packagejson": "^2.5.10",
     "prettier-plugin-tailwindcss": "^0.6.11",
-    "react": "^18.2.0",
-    "react-dom": "^18.3.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "vite": "^5.4.18",
     "vite-plugin-dts": "4.3.0"
   },
diff --git a/packages/editor/package.json b/packages/editor/package.json
index 21006f45f6..0e481c4411 100644
--- a/packages/editor/package.json
+++ b/packages/editor/package.json
@@ -54,8 +54,8 @@
     "isomorphic-dompurify": "^2.22.0",
     "lit": "^3.2.1",
     "motion": "^11.11.17",
-    "react": "^18.2.0",
-    "react-dom": "^18.3.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-hot-toast": "^2.4.1",
     "react-resizable": "^3.0.5"
   },
@@ -76,9 +76,9 @@
     "@serlo/typescript-config": "workspace:*",
     "@types/dompurify": "^3.0.5",
     "@types/is-hotkey": "0.1.10",
-    "@types/react": "^18.0.25",
+    "@types/react": "^19.1.0",
     "@types/react-dnd-multi-backend": "^6.0.6",
-    "@types/react-dom": "^18.3.1",
+    "@types/react-dom": "^18.3.6",
     "@types/react-resizable": "^3.0.8",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@typescript-eslint/eslint-plugin": "^8.15.0",
diff --git a/packages/editor/src/core/contexts/serlo-only-features-context.ts b/packages/editor/src/core/contexts/serlo-only-features-context.ts
index 5a6b3008da..c8d9ead9fd 100644
--- a/packages/editor/src/core/contexts/serlo-only-features-context.ts
+++ b/packages/editor/src/core/contexts/serlo-only-features-context.ts
@@ -1,5 +1,5 @@
 import type { ArticleProps } from '@editor/plugins/article'
-import { createContext } from 'react'
+import { createContext, type JSX } from 'react'
 
 export interface ArticleAddModalProps {
   open: boolean
diff --git a/packages/editor/src/core/hooks/use-blur-on-outside-click.ts b/packages/editor/src/core/hooks/use-blur-on-outside-click.ts
index 3328f4b944..4522e51aa2 100644
--- a/packages/editor/src/core/hooks/use-blur-on-outside-click.ts
+++ b/packages/editor/src/core/hooks/use-blur-on-outside-click.ts
@@ -1,11 +1,11 @@
 import { focus, useAppDispatch } from '@editor/store'
-import { MutableRefObject, useEffect } from 'react'
+import { RefObject, useEffect } from 'react'
 
 /**
  * Hook that handler clicks (mousedown) outside of the editor
  */
 export function useBlurOnOutsideClick(
-  editorWrapperRef: MutableRefObject<HTMLDivElement | null>
+  editorWrapperRef: RefObject<HTMLDivElement | null>
 ) {
   const dispatch = useAppDispatch()
 
diff --git a/packages/editor/src/editor-ui/embed-wrapper.tsx b/packages/editor/src/editor-ui/embed-wrapper.tsx
index 26a7c8cdb9..1ca95a46be 100644
--- a/packages/editor/src/editor-ui/embed-wrapper.tsx
+++ b/packages/editor/src/editor-ui/embed-wrapper.tsx
@@ -3,7 +3,7 @@ import { useStaticStrings } from '@editor/i18n/static-strings-provider'
 import { cn } from '@editor/utils/cn'
 import { serloDomain } from '@editor/utils/serlo-domain'
 import { faCubes, faPlayCircle } from '@fortawesome/free-solid-svg-icons'
-import { useState, KeyboardEvent, useEffect } from 'react'
+import { useState, KeyboardEvent, useEffect, type JSX } from 'react'
 
 import { VideoType } from '../plugins/video/renderer'
 
diff --git a/packages/editor/src/editor-ui/exercises/draggable-area.tsx b/packages/editor/src/editor-ui/exercises/draggable-area.tsx
index b53560d7db..851212f685 100644
--- a/packages/editor/src/editor-ui/exercises/draggable-area.tsx
+++ b/packages/editor/src/editor-ui/exercises/draggable-area.tsx
@@ -1,5 +1,5 @@
 import { cn } from '@editor/utils/cn'
-import { LegacyRef, ReactNode } from 'react'
+import { ReactNode, useRef } from 'react'
 import { useDrop } from 'react-dnd'
 
 interface DraggableAreaProps {
@@ -12,13 +12,15 @@ interface DraggableAreaProps {
 export function DraggableArea(props: DraggableAreaProps) {
   const { children, accept, className, onDrop } = props
 
-  const [{ isOver }, dropRef] = useDrop({
+  const dropRef = useRef<HTMLDivElement>(null)
+  const [{ isOver }, dropConnector] = useDrop({
     accept,
     drop: onDrop,
     collect: (monitor) => ({
       isOver: monitor.isOver(),
     }),
   })
+  dropConnector(dropRef)
 
   return (
     <div
@@ -28,7 +30,7 @@ export function DraggableArea(props: DraggableAreaProps) {
         className
       )}
       data-qa="blank-solution-area"
-      ref={dropRef as LegacyRef<HTMLDivElement>}
+      ref={dropRef}
     >
       {children}
     </div>
diff --git a/packages/editor/src/editor-ui/overlay-input.tsx b/packages/editor/src/editor-ui/overlay-input.tsx
index 67c8850913..9683e63b6d 100644
--- a/packages/editor/src/editor-ui/overlay-input.tsx
+++ b/packages/editor/src/editor-ui/overlay-input.tsx
@@ -1,5 +1,5 @@
 import { cn } from '@editor/utils/cn'
-import { forwardRef } from 'react'
+import { forwardRef, type JSX } from 'react'
 
 export interface OverlayInputProps
   extends React.DetailedHTMLProps<
diff --git a/packages/editor/src/editor-ui/plugin-toolbar/plugin-tool-menu/plugin-tool-menu.tsx b/packages/editor/src/editor-ui/plugin-toolbar/plugin-tool-menu/plugin-tool-menu.tsx
index 42ea2e2cfe..28bf67c9f4 100644
--- a/packages/editor/src/editor-ui/plugin-toolbar/plugin-tool-menu/plugin-tool-menu.tsx
+++ b/packages/editor/src/editor-ui/plugin-toolbar/plugin-tool-menu/plugin-tool-menu.tsx
@@ -12,7 +12,7 @@ import { ReactElement } from 'react'
 import { preventHover, useNavMenuTriggerFix } from './use-nav-menu-trigger-fix'
 
 interface PluginToolMenuProps {
-  pluginControls: ReactElement
+  pluginControls: ReactElement<any>
 }
 
 export function PluginToolMenu({ pluginControls }: PluginToolMenuProps) {
diff --git a/packages/editor/src/editor-ui/plugin-toolbar/plugin-toolbar.tsx b/packages/editor/src/editor-ui/plugin-toolbar/plugin-toolbar.tsx
index a952ebc2e8..c2c9db97cd 100644
--- a/packages/editor/src/editor-ui/plugin-toolbar/plugin-toolbar.tsx
+++ b/packages/editor/src/editor-ui/plugin-toolbar/plugin-toolbar.tsx
@@ -11,9 +11,9 @@ import { PluginToolMenu } from './plugin-tool-menu/plugin-tool-menu'
 interface PluginToolbarProps {
   pluginType: EditorPluginType | string
   interactiveExerciseType?: InteractivePluginType | string
-  contentControls?: ReactElement
-  pluginSettings?: ReactElement
-  pluginControls?: ReactElement
+  contentControls?: ReactElement<any>
+  pluginSettings?: ReactElement<any>
+  pluginControls?: ReactElement<any>
   pluginTitle?: string
   className?: string
   noWhiteShadow?: true
diff --git a/packages/editor/src/editor-ui/selection-card.tsx b/packages/editor/src/editor-ui/selection-card.tsx
index bac61f6890..14fd9af621 100644
--- a/packages/editor/src/editor-ui/selection-card.tsx
+++ b/packages/editor/src/editor-ui/selection-card.tsx
@@ -1,4 +1,5 @@
 import { cn } from '@editor/utils/cn'
+import type { JSX } from 'react'
 
 export function SelectionCard({
   onClick,
diff --git a/packages/editor/src/math/editor.tsx b/packages/editor/src/math/editor.tsx
index 56122b3c0d..1cc59e642b 100644
--- a/packages/editor/src/math/editor.tsx
+++ b/packages/editor/src/math/editor.tsx
@@ -4,7 +4,7 @@ import { useEditStrings } from '@editor/i18n/edit-strings-provider'
 import { cn } from '@editor/utils/cn'
 import { faCheckCircle, faCircle } from '@fortawesome/free-regular-svg-icons'
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons'
-import { useRef, useState } from 'react'
+import { useRef, useState, type JSX } from 'react'
 import { createPortal } from 'react-dom'
 import { useHotkeys } from 'react-hotkeys-hook'
 import { Key } from 'ts-key-enum'
diff --git a/packages/editor/src/plugin/child.tsx b/packages/editor/src/plugin/child.tsx
index 15895fecdd..6534250788 100644
--- a/packages/editor/src/plugin/child.tsx
+++ b/packages/editor/src/plugin/child.tsx
@@ -68,7 +68,7 @@ export type ChildStateType<K extends string = string, S = unknown> = StateType<
   string,
   {
     id: string
-    render: (props?: PluginProps) => React.ReactElement
+    render: (props?: PluginProps) => React.ReactElement<any>
     replace: (plugin: K, state?: S, id?: string) => void
   }
 >
diff --git a/packages/editor/src/plugins/article/renderer.tsx b/packages/editor/src/plugins/article/renderer.tsx
index 5bbb5ede7d..8549d4ce29 100644
--- a/packages/editor/src/plugins/article/renderer.tsx
+++ b/packages/editor/src/plugins/article/renderer.tsx
@@ -1,5 +1,5 @@
 import { useStaticStrings } from '@editor/i18n/static-strings-provider'
-import { useEffect } from 'react'
+import { useEffect, type JSX } from 'react'
 
 export interface ArticleRendererProps {
   introduction: JSX.Element | null
diff --git a/packages/editor/src/plugins/audio/show-audio-settings-button.tsx b/packages/editor/src/plugins/audio/show-audio-settings-button.tsx
index 42321944aa..fb2e40150b 100644
--- a/packages/editor/src/plugins/audio/show-audio-settings-button.tsx
+++ b/packages/editor/src/plugins/audio/show-audio-settings-button.tsx
@@ -1,5 +1,6 @@
 import { FaIcon } from '@editor/editor-ui/fa-icon'
 import { faLink } from '@fortawesome/free-solid-svg-icons'
+import type { JSX } from 'react'
 
 interface ShowAudioSettingsButtonProps {
   openSettings: () => void
diff --git a/packages/editor/src/plugins/blanks-exercise/components/blank-draggable-answer.tsx b/packages/editor/src/plugins/blanks-exercise/components/blank-draggable-answer.tsx
index 156690b6a5..9d8ba45b32 100644
--- a/packages/editor/src/plugins/blanks-exercise/components/blank-draggable-answer.tsx
+++ b/packages/editor/src/plugins/blanks-exercise/components/blank-draggable-answer.tsx
@@ -45,7 +45,7 @@ export function BlankDraggableAnswer(props: BlankDraggableAnswerProps) {
           isAnswerCorrect && 'border-green-500',
           isAnswerCorrect === false && 'border-red-500'
         )}
-        ref={dragRef as unknown as React.LegacyRef<HTMLSpanElement>}
+        ref={dragRef as unknown as React.Ref<HTMLSpanElement>}
       >
         {text}
       </span>
diff --git a/packages/editor/src/plugins/blanks-exercise/components/droppable-blank.tsx b/packages/editor/src/plugins/blanks-exercise/components/droppable-blank.tsx
index e59e9a3827..b834f48e7a 100644
--- a/packages/editor/src/plugins/blanks-exercise/components/droppable-blank.tsx
+++ b/packages/editor/src/plugins/blanks-exercise/components/droppable-blank.tsx
@@ -60,7 +60,7 @@ export function DroppableBlank(props: DroppableBlankProps) {
         !children && 'border-brand bg-brand-50 px-6 text-brand-50',
         isOver && 'bg-slate-400 text-slate-400'
       )}
-      ref={dropRef as unknown as React.LegacyRef<HTMLSpanElement>}
+      ref={dropRef as unknown as React.Ref<HTMLSpanElement>}
     >
       {children || '_'}
       {children && isOver ? (
diff --git a/packages/editor/src/plugins/box/renderer.tsx b/packages/editor/src/plugins/box/renderer.tsx
index 051eea4104..17ad730dad 100644
--- a/packages/editor/src/plugins/box/renderer.tsx
+++ b/packages/editor/src/plugins/box/renderer.tsx
@@ -12,6 +12,7 @@ import {
   faSplotch,
   faThumbtack,
 } from '@fortawesome/free-solid-svg-icons'
+import type { JSX } from 'react'
 
 export const boxTypeIcons = {
   blank: undefined,
diff --git a/packages/editor/src/plugins/course/renderer/course-header.tsx b/packages/editor/src/plugins/course/renderer/course-header.tsx
index 31329ed7e9..f1f169bc03 100644
--- a/packages/editor/src/plugins/course/renderer/course-header.tsx
+++ b/packages/editor/src/plugins/course/renderer/course-header.tsx
@@ -1,6 +1,7 @@
 import { FaIcon } from '@editor/editor-ui/fa-icon'
 import { useStaticStrings } from '@editor/i18n/static-strings-provider'
 import { faGraduationCap } from '@fortawesome/free-solid-svg-icons'
+import type { JSX } from 'react'
 
 export function CourseHeader({ title }: { title: JSX.Element }) {
   const courseStrings = useStaticStrings().plugins.course
diff --git a/packages/editor/src/plugins/course/renderer/course-navigation-renderer.tsx b/packages/editor/src/plugins/course/renderer/course-navigation-renderer.tsx
index 293318a49b..5ffe91c879 100644
--- a/packages/editor/src/plugins/course/renderer/course-navigation-renderer.tsx
+++ b/packages/editor/src/plugins/course/renderer/course-navigation-renderer.tsx
@@ -1,4 +1,5 @@
 import { useStaticStrings } from '@editor/i18n/static-strings-provider'
+import type { JSX } from 'react'
 
 export interface CourseNavigationProps {
   pages: { id: string; title: string; afterLink?: JSX.Element }[]
diff --git a/packages/editor/src/plugins/course/renderer/course-pages-renderer.tsx b/packages/editor/src/plugins/course/renderer/course-pages-renderer.tsx
index 5fa49fea82..a5a0f35d3d 100644
--- a/packages/editor/src/plugins/course/renderer/course-pages-renderer.tsx
+++ b/packages/editor/src/plugins/course/renderer/course-pages-renderer.tsx
@@ -1,3 +1,5 @@
+import type { JSX } from 'react'
+
 import { CourseFooter } from './course-footer'
 
 export function CoursePagesRenderer({
diff --git a/packages/editor/src/plugins/dropzone-image/components/answer-zone/answer-renderer.tsx b/packages/editor/src/plugins/dropzone-image/components/answer-zone/answer-renderer.tsx
index d1f38e36e8..e2df2722f1 100644
--- a/packages/editor/src/plugins/dropzone-image/components/answer-zone/answer-renderer.tsx
+++ b/packages/editor/src/plugins/dropzone-image/components/answer-zone/answer-renderer.tsx
@@ -1,6 +1,6 @@
 import { useEditStrings } from '@editor/i18n/edit-strings-provider'
 import { focus, useAppDispatch } from '@editor/store'
-import { useEffect } from 'react'
+import { useEffect, type JSX } from 'react'
 
 import type { DropzoneImageProps } from '../..'
 import { AnswerType } from '../../types'
diff --git a/packages/editor/src/plugins/dropzone-image/components/answer-zone/answer-zone-settings-form.tsx b/packages/editor/src/plugins/dropzone-image/components/answer-zone/answer-zone-settings-form.tsx
index 57e4495e96..514e328c6c 100644
--- a/packages/editor/src/plugins/dropzone-image/components/answer-zone/answer-zone-settings-form.tsx
+++ b/packages/editor/src/plugins/dropzone-image/components/answer-zone/answer-zone-settings-form.tsx
@@ -1,6 +1,7 @@
 import { FaIcon } from '@editor/editor-ui/fa-icon'
 import { useEditStrings } from '@editor/i18n/edit-strings-provider'
 import { faClone, faTrashCan } from '@fortawesome/free-regular-svg-icons'
+import type { JSX } from 'react'
 
 import type { AnswerZoneState } from '../../types'
 
diff --git a/packages/editor/src/plugins/dropzone-image/components/answer-zone/answer-zone.tsx b/packages/editor/src/plugins/dropzone-image/components/answer-zone/answer-zone.tsx
index e13e8a3d28..0f7f0ae59e 100644
--- a/packages/editor/src/plugins/dropzone-image/components/answer-zone/answer-zone.tsx
+++ b/packages/editor/src/plugins/dropzone-image/components/answer-zone/answer-zone.tsx
@@ -1,4 +1,5 @@
 import { cn } from '@editor/utils/cn'
+import { useRef } from 'react'
 import { useDrag } from 'react-dnd'
 import { ResizableBox } from 'react-resizable'
 
@@ -44,7 +45,9 @@ export const AnswerZone = (props: AnswerZoneProps) => {
     canvasSize,
   })
 
-  const [collected, drag, dragPreview] = useDrag({
+  const dragRef = useRef<HTMLDivElement>(null)
+  const dragPreviewRef = useRef<HTMLDivElement>(null)
+  const [collected, dragConnector, dragPreviewConnector] = useDrag({
     type: answerZoneDragType,
     item: answerZone,
     collect: (monitor) => ({
@@ -52,15 +55,17 @@ export const AnswerZone = (props: AnswerZoneProps) => {
       hideSourceOnDrag: true,
     }),
   })
+  dragConnector(dragRef)
+  dragPreviewConnector(dragPreviewRef)
 
   // Hide source element while dragging
   if (collected.isDragging) {
-    return <div ref={dragPreview} />
+    return <div ref={dragPreviewRef} />
   }
 
   return (
     <div
-      ref={dragPreview}
+      ref={dragPreviewRef}
       className="absolute flex cursor-move items-center justify-center rounded bg-transparent"
       style={positionState}
       onClick={onClick}
@@ -69,7 +74,7 @@ export const AnswerZone = (props: AnswerZoneProps) => {
       <div className="relative z-20">
         <ResizableBox {...resizableBoxProps}>
           <div
-            ref={drag}
+            ref={dragRef}
             className={cn(
               `group relative flex h-full w-full flex-wrap items-center
             justify-center gap-1 border-2 border-blue-500 bg-white`,
diff --git a/packages/editor/src/plugins/dropzone-image/components/editor/editor-canvas.tsx b/packages/editor/src/plugins/dropzone-image/components/editor/editor-canvas.tsx
index ab827aa339..7fc8e2c4b0 100644
--- a/packages/editor/src/plugins/dropzone-image/components/editor/editor-canvas.tsx
+++ b/packages/editor/src/plugins/dropzone-image/components/editor/editor-canvas.tsx
@@ -1,7 +1,7 @@
 import { selectStaticDocument, useStore } from '@editor/store'
 import type { EditorImageDocument } from '@editor/types/editor-plugins'
 import { cn } from '@editor/utils/cn'
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { useDrop } from 'react-dnd'
 
 import { defaultLargeCanvasDimension } from './background-shape-select'
@@ -76,7 +76,9 @@ export function EditorCanvas({
     setDidAdjustCanvasDimensions(false)
   }, [backgroundImageUrl])
 
-  const [, drop] = useDrop(
+  const dropRef = useRef<HTMLDivElement>(null)
+
+  const [, dropConnect] = useDrop(
     () => ({
       accept: answerZoneDragType,
       drop(answerZone: AnswerZoneState, monitor) {
@@ -110,10 +112,11 @@ export function EditorCanvas({
     }),
     [answerZones]
   )
+  dropConnect(dropRef)
 
   return (
     <div
-      ref={drop}
+      ref={dropRef}
       className={cn(
         'relative mx-auto box-content max-w-full overflow-hidden',
         'rounded-lg border border-almost-black bg-cover bg-center bg-no-repeat'
diff --git a/packages/editor/src/plugins/dropzone-image/components/shared/draggable-answer.tsx b/packages/editor/src/plugins/dropzone-image/components/shared/draggable-answer.tsx
index 0cc01c0b8d..8cb31f8fbb 100644
--- a/packages/editor/src/plugins/dropzone-image/components/shared/draggable-answer.tsx
+++ b/packages/editor/src/plugins/dropzone-image/components/shared/draggable-answer.tsx
@@ -1,5 +1,5 @@
 import { cn } from '@editor/utils/cn'
-import { useEffect, useMemo } from 'react'
+import { useEffect, useMemo, useRef } from 'react'
 import { useDrag } from 'react-dnd'
 import { getEmptyImage } from 'react-dnd-html5-backend'
 
@@ -37,10 +37,12 @@ export function DraggableAnswer(props: DraggableAnswerProps) {
     [id, imageUrl, originDropzoneId, text]
   )
 
-  const [, dragRef, preview] = useDrag({
+  const dragRef = useRef<HTMLSpanElement>(null)
+  const [, dragConnector, preview] = useDrag({
     type: dragType,
     item: dragItem,
   })
+  dragConnector(dragRef)
 
   useEffect(() => {
     preview(getEmptyImage(), { captureDraggingState: true })
diff --git a/packages/editor/src/plugins/dropzone-image/components/static/blank-drop-zone.tsx b/packages/editor/src/plugins/dropzone-image/components/static/blank-drop-zone.tsx
index 73a1b33b9d..5209a138f9 100644
--- a/packages/editor/src/plugins/dropzone-image/components/static/blank-drop-zone.tsx
+++ b/packages/editor/src/plugins/dropzone-image/components/static/blank-drop-zone.tsx
@@ -1,5 +1,5 @@
 import { cn } from '@editor/utils/cn'
-import { memo } from 'react'
+import { memo, useRef } from 'react'
 import { useDrop } from 'react-dnd'
 
 import {
@@ -43,7 +43,8 @@ export const BlankDropZone = memo(function BlankDropZone(
   const { left, top } = position
   const { height, width } = layout
 
-  const [{ isOver, canDrop }, drop] = useDrop({
+  const dropRef = useRef<HTMLDivElement>(null)
+  const [{ isOver, canDrop }, dropConnector] = useDrop({
     accept: acceptedDragType,
     drop: (answer: DraggableAnswerType) => {
       const hasAnswerAlready = droppedAnswers.find(
@@ -58,13 +59,14 @@ export const BlankDropZone = memo(function BlankDropZone(
       canDrop: monitor.canDrop(),
     }),
   })
+  dropConnector(dropRef)
 
   const hasOnlyOneAnswer = droppedAnswers.length === 1
   const isOnlyAnswerTypeImage = hasOnlyOneAnswer && !!droppedAnswers[0].imageUrl
 
   return (
     <div
-      ref={drop}
+      ref={dropRef}
       className={cn(
         `absolute flex flex-wrap items-center justify-center gap-1 rounded p-0`,
         getBackgroundColor(visibility, isOver, canDrop),
diff --git a/packages/editor/src/plugins/dropzone-image/hooks/use-answer-zone-resize.tsx b/packages/editor/src/plugins/dropzone-image/hooks/use-answer-zone-resize.tsx
index 5e00697dd0..5824228dd4 100644
--- a/packages/editor/src/plugins/dropzone-image/hooks/use-answer-zone-resize.tsx
+++ b/packages/editor/src/plugins/dropzone-image/hooks/use-answer-zone-resize.tsx
@@ -20,7 +20,12 @@ export interface UseAnswerZoneResizeArgs {
 
 const resizeHandles: ResizableProps['resizeHandles'] = ['ne', 'se', 'sw', 'nw']
 
-export const useAnswerZoneResize = (args: UseAnswerZoneResizeArgs) => {
+export const useAnswerZoneResize = (
+  args: UseAnswerZoneResizeArgs
+): {
+  positionState: PositionState
+  resizableBoxProps: ResizableProps
+} => {
   const { answerZone, canvasSize } = args
   const [canvasWidth, canvasHeight] = canvasSize
   const left = answerZone.position.left.value
diff --git a/packages/editor/src/plugins/dropzone-image/toolbar.tsx b/packages/editor/src/plugins/dropzone-image/toolbar.tsx
index fdd8c37c73..c18f19f547 100644
--- a/packages/editor/src/plugins/dropzone-image/toolbar.tsx
+++ b/packages/editor/src/plugins/dropzone-image/toolbar.tsx
@@ -16,7 +16,7 @@ interface DropzoneImageToolbarProps {
   showSettings: boolean
   showSettingsButton?: boolean
   dropzoneVisibility?: DropzoneImageProps['state']['dropzoneVisibility']
-  containerRef?: React.RefObject<HTMLDivElement>
+  containerRef?: React.RefObject<HTMLDivElement | null>
 }
 
 export function DropzoneImageToolbar({
diff --git a/packages/editor/src/plugins/edusharing-asset/helper/use-embed-fetch.tsx b/packages/editor/src/plugins/edusharing-asset/helper/use-embed-fetch.tsx
index cb376f69b3..18754828a5 100644
--- a/packages/editor/src/plugins/edusharing-asset/helper/use-embed-fetch.tsx
+++ b/packages/editor/src/plugins/edusharing-asset/helper/use-embed-fetch.tsx
@@ -1,7 +1,7 @@
 import { showToastNotice } from '@editor/editor-ui/show-toast-notice'
 import * as t from 'io-ts'
 import DOMPurify from 'isomorphic-dompurify'
-import { useEffect, useState } from 'react'
+import { useEffect, useState, type JSX } from 'react'
 
 import { BoxRenderer } from '../../box/renderer'
 
diff --git a/packages/editor/src/plugins/equations/renderer.tsx b/packages/editor/src/plugins/equations/renderer.tsx
index da0ab438ee..897a5aa3db 100644
--- a/packages/editor/src/plugins/equations/renderer.tsx
+++ b/packages/editor/src/plugins/equations/renderer.tsx
@@ -1,5 +1,5 @@
 import { cn } from '@editor/utils/cn'
-import { Fragment, type ReactNode } from 'react'
+import { Fragment, type ReactNode, type JSX } from 'react'
 
 import { Sign, signStrings } from './sign'
 
diff --git a/packages/editor/src/plugins/exercise-group/renderer.tsx b/packages/editor/src/plugins/exercise-group/renderer.tsx
index c64f7635a0..b29f9e605a 100644
--- a/packages/editor/src/plugins/exercise-group/renderer.tsx
+++ b/packages/editor/src/plugins/exercise-group/renderer.tsx
@@ -1,4 +1,5 @@
 import { cn } from '@editor/utils/cn'
+import type { JSX } from 'react'
 
 export interface ExerciseGroupRendererProps {
   content: JSX.Element
diff --git a/packages/editor/src/plugins/exercise/toolbar/interactive-toolbar-portal.tsx b/packages/editor/src/plugins/exercise/toolbar/interactive-toolbar-portal.tsx
index 589fa03f1a..77627c6ae3 100644
--- a/packages/editor/src/plugins/exercise/toolbar/interactive-toolbar-portal.tsx
+++ b/packages/editor/src/plugins/exercise/toolbar/interactive-toolbar-portal.tsx
@@ -4,7 +4,7 @@ export function InteractiveToolbarPortal({
   containerRef,
   children,
 }: {
-  containerRef?: React.RefObject<HTMLDivElement>
+  containerRef?: React.RefObject<HTMLDivElement | null>
   children: React.ReactNode
 }) {
   if (!containerRef || !containerRef.current) return null
diff --git a/packages/editor/src/plugins/highlight/renderer.tsx b/packages/editor/src/plugins/highlight/renderer.tsx
index 4d322df15d..9b354102f3 100644
--- a/packages/editor/src/plugins/highlight/renderer.tsx
+++ b/packages/editor/src/plugins/highlight/renderer.tsx
@@ -1,3 +1,4 @@
+import type { JSX } from 'react'
 import { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter'
 import bash from 'react-syntax-highlighter/dist/cjs/languages/prism/bash'
 import c from 'react-syntax-highlighter/dist/cjs/languages/prism/c'
diff --git a/packages/editor/src/plugins/image-gallery/components/image-grid.tsx b/packages/editor/src/plugins/image-gallery/components/image-grid.tsx
index 82cf3e47a5..f089a3ac23 100644
--- a/packages/editor/src/plugins/image-gallery/components/image-grid.tsx
+++ b/packages/editor/src/plugins/image-gallery/components/image-grid.tsx
@@ -1,5 +1,6 @@
 import { EditorImage } from '@editor/plugins/image/components/editor-image'
 import { cn } from '@editor/utils/cn'
+import type { JSX } from 'react'
 
 import { GridImage } from '../types'
 
diff --git a/packages/editor/src/plugins/image-gallery/components/static/static-lightbox-slider.tsx b/packages/editor/src/plugins/image-gallery/components/static/static-lightbox-slider.tsx
index 33bb236091..b6ef88fb3c 100644
--- a/packages/editor/src/plugins/image-gallery/components/static/static-lightbox-slider.tsx
+++ b/packages/editor/src/plugins/image-gallery/components/static/static-lightbox-slider.tsx
@@ -3,7 +3,7 @@ import {
   faChevronLeft,
   faChevronRight,
 } from '@fortawesome/free-solid-svg-icons'
-import { useEffect, useRef } from 'react'
+import { useEffect, useRef, type JSX } from 'react'
 
 interface StaticLightboxSliderProps {
   enabled: boolean
diff --git a/packages/editor/src/plugins/image-gallery/types.ts b/packages/editor/src/plugins/image-gallery/types.ts
index 33242d01ef..d77536b720 100644
--- a/packages/editor/src/plugins/image-gallery/types.ts
+++ b/packages/editor/src/plugins/image-gallery/types.ts
@@ -1,3 +1,5 @@
+import type { JSX } from 'react'
+
 export interface GridImage {
   src: string
   caption: JSX.Element | null
diff --git a/packages/editor/src/plugins/image/components/editor-image.tsx b/packages/editor/src/plugins/image/components/editor-image.tsx
index 31bec1182a..0beca1eb74 100644
--- a/packages/editor/src/plugins/image/components/editor-image.tsx
+++ b/packages/editor/src/plugins/image/components/editor-image.tsx
@@ -9,7 +9,9 @@ import { ImgHTMLAttributes } from 'react'
  */
 export function EditorImage(props: ImgHTMLAttributes<HTMLImageElement>) {
   const isSerlo = useIsSerlo()
-  return <img {...props} src={getSrc(isSerlo, props.src)} loading="lazy" />
+  return (
+    <img {...props} src={getSrc(isSerlo, props.src as string)} loading="lazy" />
+  )
 }
 
 function getSrc(isSerlo?: boolean, src?: string) {
diff --git a/packages/editor/src/plugins/image/components/image-selection-screen.tsx b/packages/editor/src/plugins/image/components/image-selection-screen.tsx
index 008bf0912b..87fd38cbd8 100644
--- a/packages/editor/src/plugins/image/components/image-selection-screen.tsx
+++ b/packages/editor/src/plugins/image/components/image-selection-screen.tsx
@@ -3,7 +3,7 @@ import { showToastNotice } from '@editor/editor-ui/show-toast-notice'
 import { useEditStrings } from '@editor/i18n/edit-strings-provider'
 import { isTempFile } from '@editor/plugin'
 import { cn } from '@editor/utils/cn'
-import React, { type RefObject } from 'react'
+import { type Ref } from 'react'
 
 import type { ImageProps } from '..'
 import { PixabaySearch } from './pixabay-search/pixabay-search'
@@ -14,7 +14,7 @@ import { useUploadFile } from '../utils/upload-file'
 interface ImageSelectionScreenProps {
   config: ImageProps['config']
   state: ImageProps['state']
-  urlInputRef: RefObject<HTMLInputElement>
+  urlInputRef: Ref<HTMLInputElement>
   setIsAButtonFocused: (isFocused: boolean) => void
 }
 
diff --git a/packages/editor/src/plugins/image/renderer.tsx b/packages/editor/src/plugins/image/renderer.tsx
index 40019b9df4..7e29e991b3 100644
--- a/packages/editor/src/plugins/image/renderer.tsx
+++ b/packages/editor/src/plugins/image/renderer.tsx
@@ -1,4 +1,5 @@
 import { useStaticStrings } from '@editor/i18n/static-strings-provider'
+import type { JSX } from 'react'
 
 import { EditorImage } from './components/editor-image'
 
diff --git a/packages/editor/src/plugins/injection/static.tsx b/packages/editor/src/plugins/injection/static.tsx
index 4fe03d0380..7d577c3e78 100644
--- a/packages/editor/src/plugins/injection/static.tsx
+++ b/packages/editor/src/plugins/injection/static.tsx
@@ -5,7 +5,7 @@ import {
   EditorInjectionDocument,
   type AnyEditorDocument,
 } from '@editor/types/editor-plugins'
-import { useEffect, useState } from 'react'
+import { useEffect, useState, type JSX } from 'react'
 
 function getBase(currentHost: string) {
   if (currentHost.endsWith('serlo-staging.dev'))
diff --git a/packages/editor/src/plugins/input-exercise/renderer.tsx b/packages/editor/src/plugins/input-exercise/renderer.tsx
index fcbf681d02..d88904b5d8 100644
--- a/packages/editor/src/plugins/input-exercise/renderer.tsx
+++ b/packages/editor/src/plugins/input-exercise/renderer.tsx
@@ -1,7 +1,7 @@
 import { ExerciseFeedback } from '@editor/editor-ui/exercises/exercise-feedback'
 import { useStaticStrings } from '@editor/i18n/static-strings-provider'
 import { cn } from '@editor/utils/cn'
-import { useEffect, useState } from 'react'
+import { useEffect, useState, type JSX } from 'react'
 
 import { getMatchingAnswer } from './helper/get-matching-answer'
 import { InputExerciseType } from './input-exercise-type'
diff --git a/packages/editor/src/plugins/interactive-video/editor/marks-list.tsx b/packages/editor/src/plugins/interactive-video/editor/marks-list.tsx
index 36e9d84cea..e74772191a 100644
--- a/packages/editor/src/plugins/interactive-video/editor/marks-list.tsx
+++ b/packages/editor/src/plugins/interactive-video/editor/marks-list.tsx
@@ -4,6 +4,7 @@ import { getInteractiveItemByStaticState } from '@editor/plugins/rows/utils/plug
 import { type EditorInteractiveVideoDocument } from '@editor/types/editor-plugins'
 import { faPencilAlt, faTrash } from '@fortawesome/free-solid-svg-icons'
 import { formatTime } from '@vidstack/react'
+import type { JSX } from 'react'
 
 import { type InteractiveVideoProps } from '..'
 
diff --git a/packages/editor/src/plugins/interactive-video/renderer/renderer.tsx b/packages/editor/src/plugins/interactive-video/renderer/renderer.tsx
index 0d251eb958..c2b9058ee4 100644
--- a/packages/editor/src/plugins/interactive-video/renderer/renderer.tsx
+++ b/packages/editor/src/plugins/interactive-video/renderer/renderer.tsx
@@ -16,6 +16,7 @@ import {
   defaultLayoutIcons,
   DefaultVideoLayout,
 } from '@vidstack/react/player/layouts/default'
+import type { JSX } from 'react'
 
 import { TimeSliderWithDots } from './timeslider-with-dots'
 import { createCues } from '../helpers/create-cues'
diff --git a/packages/editor/src/plugins/multimedia/renderer.tsx b/packages/editor/src/plugins/multimedia/renderer.tsx
index d7ec29e047..ceb1edfa07 100644
--- a/packages/editor/src/plugins/multimedia/renderer.tsx
+++ b/packages/editor/src/plugins/multimedia/renderer.tsx
@@ -1,4 +1,5 @@
 import { cn } from '@editor/utils/cn'
+import type { JSX } from 'react'
 
 export interface MultimediaRendererProps {
   media: JSX.Element
diff --git a/packages/editor/src/plugins/page-layout/renderer.tsx b/packages/editor/src/plugins/page-layout/renderer.tsx
index 6c78b3e4ab..9ecb189679 100644
--- a/packages/editor/src/plugins/page-layout/renderer.tsx
+++ b/packages/editor/src/plugins/page-layout/renderer.tsx
@@ -1,3 +1,5 @@
+import type { JSX } from 'react'
+
 export interface PageLayoutRendererProps {
   widthPercent: number // for first col
   column1: JSX.Element
diff --git a/packages/editor/src/plugins/page-layout/static.tsx b/packages/editor/src/plugins/page-layout/static.tsx
index 189c774c1d..4dad97d1aa 100644
--- a/packages/editor/src/plugins/page-layout/static.tsx
+++ b/packages/editor/src/plugins/page-layout/static.tsx
@@ -1,5 +1,6 @@
 import { StaticRenderer } from '@editor/static-renderer/static-renderer'
 import type { EditorPageLayoutDocument } from '@editor/types/editor-plugins'
+import type { JSX } from 'react'
 
 import { PageLayoutRenderer } from './renderer'
 
diff --git a/packages/editor/src/plugins/rows/components/plugin-menu-items.tsx b/packages/editor/src/plugins/rows/components/plugin-menu-items.tsx
index 586a9b6e9f..0994c72514 100644
--- a/packages/editor/src/plugins/rows/components/plugin-menu-items.tsx
+++ b/packages/editor/src/plugins/rows/components/plugin-menu-items.tsx
@@ -67,7 +67,9 @@ export function PluginMenuItems({
         <li key={type}>
           <button
             data-qa={`plugin-suggestion-${initialState.plugin}`}
-            ref={(el) => (itemRefs.current[currentIndex] = el)}
+            ref={(el) => {
+              if (el) itemRefs.current[currentIndex] = el
+            }}
             onClick={() => onInsertPlugin(pluginMenuItem)}
             onFocus={() => setFocusedItemIndex(currentIndex)}
             onBlur={() => setFocusedItemIndex(null)}
diff --git a/packages/editor/src/plugins/rows/components/row-controls.tsx b/packages/editor/src/plugins/rows/components/row-controls.tsx
index 8ad2c1a309..335005a607 100644
--- a/packages/editor/src/plugins/rows/components/row-controls.tsx
+++ b/packages/editor/src/plugins/rows/components/row-controls.tsx
@@ -31,7 +31,7 @@ export function RowControls({ drag, rows, index }: RowDragButtonProps) {
 
   return (
     <div
-      ref={drag as unknown as React.LegacyRef<HTMLDivElement>}
+      ref={drag as unknown as React.Ref<HTMLDivElement>}
       className={cn(
         'row-controls',
         'absolute bottom-14 left-2 top-0 z-[22] flex flex-col justify-center gap-4',
@@ -46,7 +46,6 @@ export function RowControls({ drag, rows, index }: RowDragButtonProps) {
           <FaIcon icon={faAngleUp} className="text-xl" />
         </div>
       </button>
-
       <button
         className={cn(buttonStyles, index === rows.length - 1 && 'hidden')}
         onClick={handleDownButtonClick}
diff --git a/packages/editor/src/plugins/rows/components/row-editor.tsx b/packages/editor/src/plugins/rows/components/row-editor.tsx
index 725794b56c..bb8fdaac53 100644
--- a/packages/editor/src/plugins/rows/components/row-editor.tsx
+++ b/packages/editor/src/plugins/rows/components/row-editor.tsx
@@ -42,6 +42,7 @@ export function RowEditor({
       transition={{ duration: 0.3, type: 'linear' }}
       ref={dropContainer}
       // bigger drop zone with padding hack
+      //@ts-expect-error somehow ts does not expect className
       className="rows-child relative -ml-12 pl-12"
     >
       {isRootRow && index === 0 && (
diff --git a/packages/editor/src/plugins/rows/editor-row-renderer.tsx b/packages/editor/src/plugins/rows/editor-row-renderer.tsx
index e81d236f5a..96463cdd70 100644
--- a/packages/editor/src/plugins/rows/editor-row-renderer.tsx
+++ b/packages/editor/src/plugins/rows/editor-row-renderer.tsx
@@ -38,7 +38,7 @@ export function EditorRowRenderer({
   rows: StateTypeReturnType<RowsPluginState>
   index: number
   plugins: PluginsWithData
-  dropContainer: React.RefObject<HTMLDivElement>
+  dropContainer: React.RefObject<HTMLDivElement | null>
 }) {
   const container = useRef<HTMLDivElement>(null)
   const [draggingAbove, setDraggingAbove] = useState(true)
diff --git a/packages/editor/src/plugins/rows/hooks/use-plugin-menu-keyboard-handler.ts b/packages/editor/src/plugins/rows/hooks/use-plugin-menu-keyboard-handler.ts
index e276b5e51a..1376736457 100644
--- a/packages/editor/src/plugins/rows/hooks/use-plugin-menu-keyboard-handler.ts
+++ b/packages/editor/src/plugins/rows/hooks/use-plugin-menu-keyboard-handler.ts
@@ -8,7 +8,7 @@ interface usePluginMenuKeyboardHandlerArgs {
   columns: number
   basicItemsLength: number
   intearctiveItemsLength: number
-  searchInputRef: React.RefObject<HTMLInputElement>
+  searchInputRef: React.RefObject<HTMLInputElement | null>
 }
 
 export function usePluginMenuKeyboardHandler({
diff --git a/packages/editor/src/plugins/rows/utils/plugin-menu.ts b/packages/editor/src/plugins/rows/utils/plugin-menu.ts
index 7db0c1cc5d..3cdf52e1d9 100644
--- a/packages/editor/src/plugins/rows/utils/plugin-menu.ts
+++ b/packages/editor/src/plugins/rows/utils/plugin-menu.ts
@@ -53,6 +53,7 @@ import {
   isExerciseDocument,
   isScMcExerciseDocument,
 } from '@editor/types/plugin-type-guards'
+import type { JSX } from 'react'
 
 const isSerloProduction = process.env.NEXT_PUBLIC_ENV === 'production'
 
diff --git a/packages/editor/src/plugins/sc-mc-exercise/renderer/renderer.tsx b/packages/editor/src/plugins/sc-mc-exercise/renderer/renderer.tsx
index 457e4f3d09..c594755411 100644
--- a/packages/editor/src/plugins/sc-mc-exercise/renderer/renderer.tsx
+++ b/packages/editor/src/plugins/sc-mc-exercise/renderer/renderer.tsx
@@ -1,3 +1,5 @@
+import type { JSX } from 'react'
+
 import { McRenderer } from './mc-renderer'
 import { ScRenderer } from './sc-renderer'
 
diff --git a/packages/editor/src/plugins/serlo-table/renderer.tsx b/packages/editor/src/plugins/serlo-table/renderer.tsx
index f44d6d5873..33bf48fbc6 100644
--- a/packages/editor/src/plugins/serlo-table/renderer.tsx
+++ b/packages/editor/src/plugins/serlo-table/renderer.tsx
@@ -1,5 +1,5 @@
 import { cn } from '@editor/utils/cn'
-import { Fragment } from 'react'
+import { Fragment, type JSX } from 'react'
 
 export enum TableType {
   OnlyColumnHeader = 'OnlyColumnHeader',
diff --git a/packages/editor/src/plugins/serlo-table/static.tsx b/packages/editor/src/plugins/serlo-table/static.tsx
index 99cda01ae8..338717b9c3 100644
--- a/packages/editor/src/plugins/serlo-table/static.tsx
+++ b/packages/editor/src/plugins/serlo-table/static.tsx
@@ -4,6 +4,7 @@ import {
 } from '@editor/plugins/serlo-table/renderer'
 import { StaticRenderer } from '@editor/static-renderer/static-renderer'
 import { EditorSerloTableDocument } from '@editor/types/editor-plugins'
+import type { JSX } from 'react'
 
 /**
  * called SerloTable for historic reasons but used in all integrations
diff --git a/packages/editor/src/plugins/solution/renderer.tsx b/packages/editor/src/plugins/solution/renderer.tsx
index c21951a03f..7363c577c3 100644
--- a/packages/editor/src/plugins/solution/renderer.tsx
+++ b/packages/editor/src/plugins/solution/renderer.tsx
@@ -1,6 +1,6 @@
 import { useStaticStrings } from '@editor/i18n/static-strings-provider'
 import { cn } from '@editor/utils/cn'
-import { useState } from 'react'
+import { useState, type JSX } from 'react'
 
 interface SolutionRendererProps {
   prerequisite: JSX.Element | null
diff --git a/packages/editor/src/plugins/solution/static.tsx b/packages/editor/src/plugins/solution/static.tsx
index 0311252f57..50152d623a 100644
--- a/packages/editor/src/plugins/solution/static.tsx
+++ b/packages/editor/src/plugins/solution/static.tsx
@@ -2,6 +2,7 @@ import { editorLearnerEvent } from '@editor/plugin/helpers/editor-learner-event'
 import { LinkRenderer } from '@editor/static-renderer/link-renderer'
 import { StaticRenderer } from '@editor/static-renderer/static-renderer'
 import type { EditorSolutionDocument } from '@editor/types/editor-plugins'
+import type { JSX } from 'react'
 
 import { SolutionRenderer } from './renderer'
 import { isEmptyRowsDocument } from '../rows/utils/static-is-empty'
diff --git a/packages/editor/src/plugins/spoiler/renderer.tsx b/packages/editor/src/plugins/spoiler/renderer.tsx
index 99a3873384..774233bf1a 100644
--- a/packages/editor/src/plugins/spoiler/renderer.tsx
+++ b/packages/editor/src/plugins/spoiler/renderer.tsx
@@ -1,5 +1,5 @@
 import { cn } from '@editor/utils/cn'
-import { useState } from 'react'
+import { useState, type JSX } from 'react'
 
 export interface SpoilerRendererProps {
   title: JSX.Element
diff --git a/packages/editor/src/plugins/text/components/text-toolbar.tsx b/packages/editor/src/plugins/text/components/text-toolbar.tsx
index 59fa1c974a..e5e7b7f5de 100644
--- a/packages/editor/src/plugins/text/components/text-toolbar.tsx
+++ b/packages/editor/src/plugins/text/components/text-toolbar.tsx
@@ -12,7 +12,7 @@ interface TextToolbarProps {
   id: string
   toolbarControls: ControlButton[]
   config: TextEditorConfig
-  containerRef?: React.RefObject<HTMLDivElement> // The rendered toolbar buttons
+  containerRef?: React.RefObject<HTMLDivElement | null> // The rendered toolbar buttons
 }
 
 export function TextToolbar({
diff --git a/packages/editor/src/plugins/text/static-components/static-slate.tsx b/packages/editor/src/plugins/text/static-components/static-slate.tsx
index 9d758dd95e..77947d5cc2 100644
--- a/packages/editor/src/plugins/text/static-components/static-slate.tsx
+++ b/packages/editor/src/plugins/text/static-components/static-slate.tsx
@@ -1,6 +1,6 @@
 import { BlankRendererStatic } from '@editor/plugins/blanks-exercise/blank-renderer-static'
 import { LinkRenderer } from '@editor/static-renderer/link-renderer'
-import { createElement, lazy, Suspense } from 'react'
+import { createElement, lazy, Suspense, type JSX } from 'react'
 import { Descendant, Element } from 'slate'
 
 import { TextLeafRenderer } from '../components/text-leaf-renderer'
diff --git a/packages/editor/src/plugins/video/components/video-selection-screen.tsx b/packages/editor/src/plugins/video/components/video-selection-screen.tsx
index 557fde8659..52af91e5f5 100644
--- a/packages/editor/src/plugins/video/components/video-selection-screen.tsx
+++ b/packages/editor/src/plugins/video/components/video-selection-screen.tsx
@@ -2,7 +2,7 @@ import { EditorTooltip } from '@editor/editor-ui/editor-tooltip'
 import { useEditStrings } from '@editor/i18n/edit-strings-provider'
 import { isTempFile } from '@editor/plugin'
 import { cn } from '@editor/utils/cn'
-import React, { type RefObject } from 'react'
+import { type Ref } from 'react'
 
 import type { VideoProps } from '..'
 import { UploadButton } from './upload-button'
@@ -10,7 +10,7 @@ import { isValidVideoUrl } from '../utils/is-valid-video-url'
 
 interface VideoSelectionScreenProps {
   state: VideoProps['state']
-  urlInputRef: RefObject<HTMLInputElement>
+  urlInputRef: Ref<HTMLInputElement>
   pluginId: string
 }
 
diff --git a/packages/editor/src/static-renderer/link-renderer.tsx b/packages/editor/src/static-renderer/link-renderer.tsx
index 622e598042..1c142528f8 100644
--- a/packages/editor/src/static-renderer/link-renderer.tsx
+++ b/packages/editor/src/static-renderer/link-renderer.tsx
@@ -1,4 +1,5 @@
 import { sanitizeHref } from '@editor/utils/sanitize-href'
+import type { JSX } from 'react'
 
 export function LinkRenderer({
   href,
diff --git a/packages/editor/src/static-renderer/static-renderer.tsx b/packages/editor/src/static-renderer/static-renderer.tsx
index 63e405f71c..6afd8d5b1e 100644
--- a/packages/editor/src/static-renderer/static-renderer.tsx
+++ b/packages/editor/src/static-renderer/static-renderer.tsx
@@ -1,5 +1,5 @@
 import type { AnyEditorDocument } from '@editor/types/editor-plugins'
-import { Fragment, Suspense } from 'react'
+import { Fragment, Suspense, type JSX } from 'react'
 
 import { editorRenderers } from '../plugin/helpers/editor-renderer'
 
diff --git a/packages/editor/src/types/internal__plugin.ts b/packages/editor/src/types/internal__plugin.ts
index 830c23885d..9ca799a5ab 100644
--- a/packages/editor/src/types/internal__plugin.ts
+++ b/packages/editor/src/types/internal__plugin.ts
@@ -117,5 +117,5 @@ export interface EditorPluginProps<
   focused: boolean
 
   // Ref for the wrapping SubDocument div
-  containerRef?: React.RefObject<HTMLDivElement>
+  containerRef?: React.RefObject<HTMLDivElement | null>
 }
diff --git a/yarn.lock b/yarn.lock
index 0ca9929a48..67dc363b16 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1984,6 +1984,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@emnapi/runtime@npm:^1.4.0":
+  version: 1.4.3
+  resolution: "@emnapi/runtime@npm:1.4.3"
+  dependencies:
+    tslib: ^2.4.0
+  checksum: ff2074809638ed878e476ece370c6eae7e6257bf029a581bb7a290488d8f2a08c420a65988c7f03bfc6bb689218f0cd995d2f935bd182150b357fc2341142f4f
+  languageName: node
+  linkType: hard
+
 "@emnapi/wasi-threads@npm:1.0.1":
   version: 1.0.1
   resolution: "@emnapi/wasi-threads@npm:1.0.1"
@@ -2357,6 +2366,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@floating-ui/dom@npm:^1.0.0":
+  version: 1.6.13
+  resolution: "@floating-ui/dom@npm:1.6.13"
+  dependencies:
+    "@floating-ui/core": ^1.6.0
+    "@floating-ui/utils": ^0.2.9
+  checksum: eabab9d860d3b5beab1c2d6936287efc4d9ab352de99062380589ef62870d59e8730397489c34a96657e128498001b5672330c4a9da0159fe8b2401ac59fe314
+  languageName: node
+  linkType: hard
+
 "@floating-ui/dom@npm:^1.5.1":
   version: 1.5.3
   resolution: "@floating-ui/dom@npm:1.5.3"
@@ -2389,6 +2408,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@floating-ui/react-dom@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "@floating-ui/react-dom@npm:2.1.2"
+  dependencies:
+    "@floating-ui/dom": ^1.0.0
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 25bb031686e23062ed4222a8946e76b3f9021d40a48437bd747233c4964a766204b8a55f34fa8b259839af96e60db7c6e3714d81f1de06914294f90e86ffbc48
+  languageName: node
+  linkType: hard
+
+"@floating-ui/react@npm:^0.26.16":
+  version: 0.26.28
+  resolution: "@floating-ui/react@npm:0.26.28"
+  dependencies:
+    "@floating-ui/react-dom": ^2.1.2
+    "@floating-ui/utils": ^0.2.8
+    tabbable: ^6.0.0
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 1bfcccdb1f388ceb0075dc3e46934f4f04ef10bff2f971e1bf79067391c8729b366025caca0a42f5ca80854820a621a9edecbacdc046c33eb428f508fd6ce1f3
+  languageName: node
+  linkType: hard
+
 "@floating-ui/utils@npm:^0.1.3":
   version: 0.1.6
   resolution: "@floating-ui/utils@npm:0.1.6"
@@ -2403,6 +2448,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@floating-ui/utils@npm:^0.2.9":
+  version: 0.2.9
+  resolution: "@floating-ui/utils@npm:0.2.9"
+  checksum: d518b80cec5a323e54a069a1dd99a20f8221a4853ed98ac16c75275a0cc22f75de4f8ac5b121b4f8990bd45da7ad1fb015b9a1e4bac27bb1cd62444af84e9784
+  languageName: node
+  linkType: hard
+
 "@fortawesome/fontawesome-common-types@npm:6.7.2":
   version: 6.7.2
   resolution: "@fortawesome/fontawesome-common-types@npm:6.7.2"
@@ -2458,12 +2510,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@graphiql/react@npm:^0.27.0":
-  version: 0.27.0
-  resolution: "@graphiql/react@npm:0.27.0"
+"@graphiql/react@npm:^0.28.2":
+  version: 0.28.2
+  resolution: "@graphiql/react@npm:0.28.2"
   dependencies:
     "@graphiql/toolkit": ^0.11.0
-    "@headlessui/react": ^1.7.15
+    "@headlessui/react": ^2.2.2
     "@radix-ui/react-dialog": ^1.0.4
     "@radix-ui/react-dropdown-menu": ^2.0.5
     "@radix-ui/react-tooltip": ^1.0.6
@@ -2471,18 +2523,19 @@ __metadata:
     "@types/codemirror": ^5.60.8
     clsx: ^1.2.1
     codemirror: ^5.65.3
-    codemirror-graphql: ^2.1.1
+    codemirror-graphql: ^2.2.0
     copy-to-clipboard: ^3.2.0
     framer-motion: ^6.5.1
     get-value: ^3.0.1
     graphql-language-service: ^5.3.0
     markdown-it: ^14.1.0
+    react-compiler-runtime: 19.0.0-beta-37ed2a7-20241206
     set-value: ^4.1.0
   peerDependencies:
     graphql: ^15.5.0 || ^16.0.0 || ^17.0.0
     react: ^16.8.0 || ^17 || ^18
     react-dom: ^16.8.0 || ^17 || ^18
-  checksum: 0575bd27dd1173070991799429e9041e415905fa3944b987a72b3603bbb961ee967f301681ae837d3991a853b5e81488a102e9116e18cdc20dab170a14a32bfc
+  checksum: 054ea9d386b00419306382cebd2d65926d301c05acb2f73cb738434fe40f566406af63c0a2625b77b6a276a5933d6ed6af14525fa6281ff9ba2ef77ff831e7fa
   languageName: node
   linkType: hard
 
@@ -2502,6 +2555,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@graphiql/toolkit@npm:^0.11.1":
+  version: 0.11.1
+  resolution: "@graphiql/toolkit@npm:0.11.1"
+  dependencies:
+    "@n1ru4l/push-pull-async-iterable-iterator": ^3.1.0
+    meros: ^1.1.4
+  peerDependencies:
+    graphql: ^15.5.0 || ^16.0.0 || ^17.0.0
+    graphql-ws: ">= 4.5.0"
+  peerDependenciesMeta:
+    graphql-ws:
+      optional: true
+  checksum: ca04746a141d4fab4e51e397b3a6b97a3fbd9d83a32ae360439c6438721f9771adfac44e406970db1f91a989541da1bc4455fe5121069fd51062eeeb7fb86391
+  languageName: node
+  linkType: hard
+
 "@graphql-codegen/add@npm:^5.0.3":
   version: 5.0.3
   resolution: "@graphql-codegen/add@npm:5.0.3"
@@ -3142,15 +3211,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@headlessui/react@npm:^1.7.15":
-  version: 1.7.17
-  resolution: "@headlessui/react@npm:1.7.17"
+"@headlessui/react@npm:^2.2.2":
+  version: 2.2.2
+  resolution: "@headlessui/react@npm:2.2.2"
   dependencies:
-    client-only: ^0.0.1
+    "@floating-ui/react": ^0.26.16
+    "@react-aria/focus": ^3.17.1
+    "@react-aria/interactions": ^3.21.3
+    "@tanstack/react-virtual": ^3.13.6
+    use-sync-external-store: ^1.5.0
   peerDependencies:
-    react: ^16 || ^17 || ^18
-    react-dom: ^16 || ^17 || ^18
-  checksum: 0cdb67747e7f606f78214dac0b48573247779e70534b4471515c094b74addda173dc6a9847d33aea9c6e6bc151016c034125328953077e32aa7947ebabed91f7
+    react: ^18 || ^19 || ^19.0.0-rc
+    react-dom: ^18 || ^19 || ^19.0.0-rc
+  checksum: 64826349a032b970c1072c3da9001217a81a96410d83cdbab3c2fa1b5a414ba73cf3d1e35e9e9d5aa4a2e50e8d0837b1133ce59389c14150d3f42f423e6fd3ff
   languageName: node
   linkType: hard
 
@@ -3210,6 +3283,188 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-darwin-arm64@npm:0.34.1":
+  version: 0.34.1
+  resolution: "@img/sharp-darwin-arm64@npm:0.34.1"
+  dependencies:
+    "@img/sharp-libvips-darwin-arm64": 1.1.0
+  dependenciesMeta:
+    "@img/sharp-libvips-darwin-arm64":
+      optional: true
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@img/sharp-darwin-x64@npm:0.34.1":
+  version: 0.34.1
+  resolution: "@img/sharp-darwin-x64@npm:0.34.1"
+  dependencies:
+    "@img/sharp-libvips-darwin-x64": 1.1.0
+  dependenciesMeta:
+    "@img/sharp-libvips-darwin-x64":
+      optional: true
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-darwin-arm64@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@img/sharp-libvips-darwin-arm64@npm:1.1.0"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-darwin-x64@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@img/sharp-libvips-darwin-x64@npm:1.1.0"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-arm64@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@img/sharp-libvips-linux-arm64@npm:1.1.0"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-arm@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@img/sharp-libvips-linux-arm@npm:1.1.0"
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-ppc64@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@img/sharp-libvips-linux-ppc64@npm:1.1.0"
+  conditions: os=linux & cpu=ppc64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-s390x@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@img/sharp-libvips-linux-s390x@npm:1.1.0"
+  conditions: os=linux & cpu=s390x & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linux-x64@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@img/sharp-libvips-linux-x64@npm:1.1.0"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linuxmusl-arm64@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@img/sharp-libvips-linuxmusl-arm64@npm:1.1.0"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@img/sharp-libvips-linuxmusl-x64@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@img/sharp-libvips-linuxmusl-x64@npm:1.1.0"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linux-arm64@npm:0.34.1":
+  version: 0.34.1
+  resolution: "@img/sharp-linux-arm64@npm:0.34.1"
+  dependencies:
+    "@img/sharp-libvips-linux-arm64": 1.1.0
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-arm64":
+      optional: true
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linux-arm@npm:0.34.1":
+  version: 0.34.1
+  resolution: "@img/sharp-linux-arm@npm:0.34.1"
+  dependencies:
+    "@img/sharp-libvips-linux-arm": 1.1.0
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-arm":
+      optional: true
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linux-s390x@npm:0.34.1":
+  version: 0.34.1
+  resolution: "@img/sharp-linux-s390x@npm:0.34.1"
+  dependencies:
+    "@img/sharp-libvips-linux-s390x": 1.1.0
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-s390x":
+      optional: true
+  conditions: os=linux & cpu=s390x & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linux-x64@npm:0.34.1":
+  version: 0.34.1
+  resolution: "@img/sharp-linux-x64@npm:0.34.1"
+  dependencies:
+    "@img/sharp-libvips-linux-x64": 1.1.0
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-x64":
+      optional: true
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linuxmusl-arm64@npm:0.34.1":
+  version: 0.34.1
+  resolution: "@img/sharp-linuxmusl-arm64@npm:0.34.1"
+  dependencies:
+    "@img/sharp-libvips-linuxmusl-arm64": 1.1.0
+  dependenciesMeta:
+    "@img/sharp-libvips-linuxmusl-arm64":
+      optional: true
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@img/sharp-linuxmusl-x64@npm:0.34.1":
+  version: 0.34.1
+  resolution: "@img/sharp-linuxmusl-x64@npm:0.34.1"
+  dependencies:
+    "@img/sharp-libvips-linuxmusl-x64": 1.1.0
+  dependenciesMeta:
+    "@img/sharp-libvips-linuxmusl-x64":
+      optional: true
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@img/sharp-wasm32@npm:0.34.1":
+  version: 0.34.1
+  resolution: "@img/sharp-wasm32@npm:0.34.1"
+  dependencies:
+    "@emnapi/runtime": ^1.4.0
+  conditions: cpu=wasm32
+  languageName: node
+  linkType: hard
+
+"@img/sharp-win32-ia32@npm:0.34.1":
+  version: 0.34.1
+  resolution: "@img/sharp-win32-ia32@npm:0.34.1"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@img/sharp-win32-x64@npm:0.34.1":
+  version: 0.34.1
+  resolution: "@img/sharp-win32-x64@npm:0.34.1"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -3503,12 +3758,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/bundle-analyzer@npm:^15.0.3":
-  version: 15.0.3
-  resolution: "@next/bundle-analyzer@npm:15.0.3"
+"@next/bundle-analyzer@npm:15.3.1":
+  version: 15.3.1
+  resolution: "@next/bundle-analyzer@npm:15.3.1"
   dependencies:
     webpack-bundle-analyzer: 4.10.1
-  checksum: 79c7c3bfdcbe33d153e7008fd90bae7d8c0c44e5c5647ffc9441bf9553eea0e1d03c97d25eae6364204d160dca87d4a4e0749d571ed85e4435e5f0f086fa89ce
+  checksum: a771a501302ba21d1d53d0e5dcb45865aa57a5439e453f309fa074d7621dc7b882c77ea9d06a33452f3758cf2c27f1433538bc57256085d69c7ba5b699a51fe4
   languageName: node
   linkType: hard
 
@@ -3519,10 +3774,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/env@npm:14.2.26":
-  version: 14.2.26
-  resolution: "@next/env@npm:14.2.26"
-  checksum: a0f216204904bb51a1cafbcbf84b6af0fdf2f5da8489549bb1e4c28a0012309a849331cadeb21a330ad2690c4346c482fddb65b3b14eb10f9c9e6069b286f59a
+"@next/env@npm:15.3.1":
+  version: 15.3.1
+  resolution: "@next/env@npm:15.3.1"
+  checksum: eb24d59257d0d171770b09ae28cd23b6944aecf4b39da85729a09c6604a2f7aaeb973b3ca7234a086ed9da732e3d622e013b113688487add6315e62414b58501
   languageName: node
   linkType: hard
 
@@ -3535,6 +3790,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@next/eslint-plugin-next@npm:15.3.1":
+  version: 15.3.1
+  resolution: "@next/eslint-plugin-next@npm:15.3.1"
+  dependencies:
+    fast-glob: 3.3.1
+  checksum: 224b3eaca2cebcbc3ca18958c30d5235c0154481722c7e57fff7b98602d78e45439ab35ff1bd4b34edac87b70072d55bdacf52a649623d886dbe22ff4ec01f06
+  languageName: node
+  linkType: hard
+
 "@next/swc-darwin-arm64@npm:14.0.3":
   version: 14.0.3
   resolution: "@next/swc-darwin-arm64@npm:14.0.3"
@@ -3542,9 +3806,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-arm64@npm:14.2.26":
-  version: 14.2.26
-  resolution: "@next/swc-darwin-arm64@npm:14.2.26"
+"@next/swc-darwin-arm64@npm:15.3.1":
+  version: 15.3.1
+  resolution: "@next/swc-darwin-arm64@npm:15.3.1"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
@@ -3556,9 +3820,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-x64@npm:14.2.26":
-  version: 14.2.26
-  resolution: "@next/swc-darwin-x64@npm:14.2.26"
+"@next/swc-darwin-x64@npm:15.3.1":
+  version: 15.3.1
+  resolution: "@next/swc-darwin-x64@npm:15.3.1"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
@@ -3570,9 +3834,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-gnu@npm:14.2.26":
-  version: 14.2.26
-  resolution: "@next/swc-linux-arm64-gnu@npm:14.2.26"
+"@next/swc-linux-arm64-gnu@npm:15.3.1":
+  version: 15.3.1
+  resolution: "@next/swc-linux-arm64-gnu@npm:15.3.1"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
@@ -3584,9 +3848,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-musl@npm:14.2.26":
-  version: 14.2.26
-  resolution: "@next/swc-linux-arm64-musl@npm:14.2.26"
+"@next/swc-linux-arm64-musl@npm:15.3.1":
+  version: 15.3.1
+  resolution: "@next/swc-linux-arm64-musl@npm:15.3.1"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
@@ -3598,9 +3862,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-gnu@npm:14.2.26":
-  version: 14.2.26
-  resolution: "@next/swc-linux-x64-gnu@npm:14.2.26"
+"@next/swc-linux-x64-gnu@npm:15.3.1":
+  version: 15.3.1
+  resolution: "@next/swc-linux-x64-gnu@npm:15.3.1"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
@@ -3612,9 +3876,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-musl@npm:14.2.26":
-  version: 14.2.26
-  resolution: "@next/swc-linux-x64-musl@npm:14.2.26"
+"@next/swc-linux-x64-musl@npm:15.3.1":
+  version: 15.3.1
+  resolution: "@next/swc-linux-x64-musl@npm:15.3.1"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
@@ -3626,9 +3890,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-win32-arm64-msvc@npm:14.2.26":
-  version: 14.2.26
-  resolution: "@next/swc-win32-arm64-msvc@npm:14.2.26"
+"@next/swc-win32-arm64-msvc@npm:15.3.1":
+  version: 15.3.1
+  resolution: "@next/swc-win32-arm64-msvc@npm:15.3.1"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
@@ -3640,13 +3904,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-win32-ia32-msvc@npm:14.2.26":
-  version: 14.2.26
-  resolution: "@next/swc-win32-ia32-msvc@npm:14.2.26"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
 "@next/swc-win32-x64-msvc@npm:14.0.3":
   version: 14.0.3
   resolution: "@next/swc-win32-x64-msvc@npm:14.0.3"
@@ -3654,22 +3911,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-win32-x64-msvc@npm:14.2.26":
-  version: 14.2.26
-  resolution: "@next/swc-win32-x64-msvc@npm:14.2.26"
+"@next/swc-win32-x64-msvc@npm:15.3.1":
+  version: 15.3.1
+  resolution: "@next/swc-win32-x64-msvc@npm:15.3.1"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
 
-"@next/third-parties@npm:latest":
-  version: 15.2.3
-  resolution: "@next/third-parties@npm:15.2.3"
+"@next/third-parties@npm:15.3.1":
+  version: 15.3.1
+  resolution: "@next/third-parties@npm:15.3.1"
   dependencies:
     third-party-capital: 1.0.20
   peerDependencies:
     next: ^13.0.0 || ^14.0.0 || ^15.0.0
     react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
-  checksum: 5d5388c29d096edbbd11da7f07974944d1b00140f5195ae0573f555c79a40d7df0f1f80f239e8dae69cd324547e45cc5c3a61fa3ba00d0479a8bc79797b81287
+  checksum: 38cb3ed36eca21befa6266e1ac8d055d2b128ac498cb66873295cfe8491850a6768a0b91a0048b0f6d9901368d3943d14040db8fbda5b6d5241c5a981a4e2e33
   languageName: node
   linkType: hard
 
@@ -5119,6 +5376,66 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-aria/focus@npm:^3.17.1":
+  version: 3.20.2
+  resolution: "@react-aria/focus@npm:3.20.2"
+  dependencies:
+    "@react-aria/interactions": ^3.25.0
+    "@react-aria/utils": ^3.28.2
+    "@react-types/shared": ^3.29.0
+    "@swc/helpers": ^0.5.0
+    clsx: ^2.0.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 31f5d5eaa72bc1276b4ba984d02cda3b06aa60bf04721ad25af844e26391c23f7f4b5de89e057084ffe0230c3b0195b3161fa05759b486adddaf2874c2d6ab18
+  languageName: node
+  linkType: hard
+
+"@react-aria/interactions@npm:^3.21.3, @react-aria/interactions@npm:^3.25.0":
+  version: 3.25.0
+  resolution: "@react-aria/interactions@npm:3.25.0"
+  dependencies:
+    "@react-aria/ssr": ^3.9.8
+    "@react-aria/utils": ^3.28.2
+    "@react-stately/flags": ^3.1.1
+    "@react-types/shared": ^3.29.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: c9c0d474557efaa81f546e7f2f86e2bddfb5ed3dabd7c9f52c113cd6ccde069c049efe483617ec3c1038ef43cd709638027775816567903eaf9ebb3657864f81
+  languageName: node
+  linkType: hard
+
+"@react-aria/ssr@npm:^3.9.8":
+  version: 3.9.8
+  resolution: "@react-aria/ssr@npm:3.9.8"
+  dependencies:
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 5cde99515e00c8f04f98b59c634f5958d3aebfd18180a07cdd4972b9d9c56b87ff68556f603e95c46ba66e4b1f878177134ac0d531afc5fa3a5c308423f187a1
+  languageName: node
+  linkType: hard
+
+"@react-aria/utils@npm:^3.28.2":
+  version: 3.28.2
+  resolution: "@react-aria/utils@npm:3.28.2"
+  dependencies:
+    "@react-aria/ssr": ^3.9.8
+    "@react-stately/flags": ^3.1.1
+    "@react-stately/utils": ^3.10.6
+    "@react-types/shared": ^3.29.0
+    "@swc/helpers": ^0.5.0
+    clsx: ^2.0.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: c7a44236f1dc692564885bfb9c7f7f0a905c1df759748c6cd350dcf786b88d7c9397d2f6af7884050aaa579b572002271a40c935aa5b8db839daf91e436a2933
+  languageName: node
+  linkType: hard
+
 "@react-dnd/asap@npm:^4.0.0":
   version: 4.0.1
   resolution: "@react-dnd/asap@npm:4.0.1"
@@ -5161,6 +5478,35 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-stately/flags@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "@react-stately/flags@npm:3.1.1"
+  dependencies:
+    "@swc/helpers": ^0.5.0
+  checksum: d9d3b73f262e76b563220de7df96ab251f9a6d1bb04ec31dd4bfa4e947e8aa59705392cffa3c5aa782bcc247ae2204eac47b446843e5c10b3ad6b2344fdedefa
+  languageName: node
+  linkType: hard
+
+"@react-stately/utils@npm:^3.10.6":
+  version: 3.10.6
+  resolution: "@react-stately/utils@npm:3.10.6"
+  dependencies:
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: c32ab2521f9eff2c6be3ccd0d9481232fdf7b98d0420aeed9f0a9d8de294b8f09be7645164806eff698e829be19d177f7400dc74cb405a614be7821f316c7c81
+  languageName: node
+  linkType: hard
+
+"@react-types/shared@npm:^3.29.0":
+  version: 3.29.0
+  resolution: "@react-types/shared@npm:3.29.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 5cede0d1af6f31f33ca0e3759e87694ddbd3f66050c62cbc271c641d089d4c46e0fb04e0ca870169406039080d8165fb575f1a5a6e56ab27b422c5ac934d0b11
+  languageName: node
+  linkType: hard
+
 "@redux-saga/core@npm:^1.3.0":
   version: 1.3.0
   resolution: "@redux-saga/core@npm:1.3.0"
@@ -5490,8 +5836,8 @@ __metadata:
     "@rollup/plugin-replace": ^6.0.1
     "@serlo/editor": 0.24.0
     "@serlo/typescript-config": "workspace:*"
-    "@types/react": ^18.0.25
-    "@types/react-dom": ^18.3.1
+    "@types/react": ^18.3.20
+    "@types/react-dom": ^18.3.6
     "@vitejs/plugin-react": ^4.3.3
     eslint: ^9.23.0
     eslint-config-next: ^15.2.4
@@ -5505,8 +5851,8 @@ __metadata:
     prettier: ^3.5.3
     prettier-plugin-packagejson: ^2.5.10
     prettier-plugin-tailwindcss: ^0.6.11
-    react: ^18.2.0
-    react-dom: ^18.3.1
+    react: ^19.1.0
+    react-dom: ^19.1.0
     vite: ^5.4.18
     vite-plugin-dts: 4.3.0
   languageName: unknown
@@ -5552,9 +5898,9 @@ __metadata:
     "@serlo/typescript-config": "workspace:*"
     "@types/dompurify": ^3.0.5
     "@types/is-hotkey": 0.1.10
-    "@types/react": ^18.0.25
+    "@types/react": ^19.1.0
     "@types/react-dnd-multi-backend": ^6.0.6
-    "@types/react-dom": ^18.3.1
+    "@types/react-dom": ^18.3.6
     "@types/react-resizable": ^3.0.8
     "@types/react-syntax-highlighter": ^15.5.13
     "@typescript-eslint/eslint-plugin": ^8.15.0
@@ -5589,12 +5935,12 @@ __metadata:
     prettier-plugin-tailwindcss: ^0.6.11
     ramda: ^0.30.1
     rdndmb-html5-to-touch: ^8.0.3
-    react: ^18.2.0
+    react: ^19.1.0
     react-dnd: ^16.0.1
     react-dnd-html5-backend: ^16.0.1
     react-dnd-multi-backend: ^8.0.3
     react-dnd-touch-backend: ^16.0.1
-    react-dom: ^18.3.1
+    react-dom: ^19.1.0
     react-hot-toast: ^2.4.1
     react-hotkeys-hook: ^4.6.1
     react-mathquill: Entkenntnis/tmp-react-mathquill
@@ -5647,7 +5993,7 @@ __metadata:
     "@fortawesome/free-regular-svg-icons": 6.7.2
     "@fortawesome/free-solid-svg-icons": 6.7.2
     "@fortawesome/react-fontawesome": ^0.2.2
-    "@graphiql/toolkit": ^0.11.0
+    "@graphiql/toolkit": ^0.11.1
     "@graphql-codegen/add": ^5.0.3
     "@graphql-codegen/cli": 5.0.3
     "@graphql-codegen/introspection": 4.0.3
@@ -5655,8 +6001,8 @@ __metadata:
     "@graphql-codegen/typescript-operations": 4.3.1
     "@hello-pangea/dnd": ^17.0.0
     "@lumieducation/h5p-react": ^9.3.2
-    "@next/bundle-analyzer": ^15.0.3
-    "@next/third-parties": latest
+    "@next/bundle-analyzer": 15.3.1
+    "@next/third-parties": 15.3.1
     "@ory/client": ^1.15.10
     "@ory/integrations": 1.1.5
     "@radix-ui/react-dialog": ^1.1.2
@@ -5678,8 +6024,8 @@ __metadata:
     "@types/nprogress": ^0.2.3
     "@types/qrcode.react": ^1.0.5
     "@types/ramda": ^0.30.2
-    "@types/react": ^18.0.25
-    "@types/react-dom": ^18.3.1
+    "@types/react": 19.1.2
+    "@types/react-dom": 19.1.2
     "@types/react-lazyload": ^3.2.3
     "@typescript-eslint/eslint-plugin": ^8.15.0
     "@typescript-eslint/parser": ^8.15.0
@@ -5691,7 +6037,7 @@ __metadata:
     cross-env: ^7.0.3
     dotenv: ^16.4.5
     eslint: ^9.23.0
-    eslint-config-next: ^15.2.4
+    eslint-config-next: 15.3.1
     eslint-config-prettier: ^9.1.0
     eslint-import-resolver-typescript: ^3.9.1
     eslint-plugin-import: ^2.31.0
@@ -5699,7 +6045,7 @@ __metadata:
     eslint-plugin-react-hooks: ^5.2.0
     fast-xml-parser: ^4.5.0
     fp-ts: ^2.16.9
-    graphiql: ^3.7.2
+    graphiql: ^3.8.3
     graphql: ^16.9.0
     graphql-request: ^7.1.2
     graphql-tag: 2.12.6
@@ -5712,7 +6058,7 @@ __metadata:
     mathjs: ^13.2.2
     mathlive: ^0.104.0
     micromark: ^4.0.1
-    next: ^14.2.26
+    next: 15.3.1
     next-query-params: ^5.0.1
     npm-run-all: ^4.1.5
     nprogress: ^0.2.0
@@ -5726,9 +6072,9 @@ __metadata:
     prop-types: ^15.8.1
     qrcode.react: ^4.1.0
     ramda: ^0.30.1
-    react: ^18.2.0
+    react: 19.1.0
     react-diff-viewer: ^3.1.1
-    react-dom: ^18.3.1
+    react-dom: 19.1.0
     react-hot-toast: ^2.4.1
     react-lazyload: ^3.2.1
     react-textarea-autosize: ^8.5.5
@@ -5769,9 +6115,12 @@ __metadata:
     "@serlo/typescript-config": "workspace:*"
     cross-env: ^7.0.3
     dotenv-cli: ^7.4.2
+    next: 15.3.1
     postcss-import: ^16.1.0
     prettier: ^3.5.3
     prettier-plugin-packagejson: ^2.5.10
+    react: 19.1.0
+    react-dom: 19.1.0
   languageName: unknown
   linkType: soft
 
@@ -5995,13 +6344,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/counter@npm:^0.1.3":
+"@swc/counter@npm:0.1.3":
   version: 0.1.3
   resolution: "@swc/counter@npm:0.1.3"
   checksum: df8f9cfba9904d3d60f511664c70d23bb323b3a0803ec9890f60133954173047ba9bdeabce28cd70ba89ccd3fd6c71c7b0bd58be85f611e1ffbe5d5c18616598
   languageName: node
   linkType: hard
 
+"@swc/helpers@npm:0.5.15":
+  version: 0.5.15
+  resolution: "@swc/helpers@npm:0.5.15"
+  dependencies:
+    tslib: ^2.8.0
+  checksum: 1a9e0dbb792b2d1e0c914d69c201dbc96af3a0e6e6e8cf5a7f7d6a5d7b0e8b762915cd4447acb6b040e2ecc1ed49822875a7239f99a2d63c96c3c3407fb6fccf
+  languageName: node
+  linkType: hard
+
 "@swc/helpers@npm:0.5.2":
   version: 0.5.2
   resolution: "@swc/helpers@npm:0.5.2"
@@ -6011,13 +6369,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/helpers@npm:0.5.5":
-  version: 0.5.5
-  resolution: "@swc/helpers@npm:0.5.5"
+"@swc/helpers@npm:^0.5.0":
+  version: 0.5.17
+  resolution: "@swc/helpers@npm:0.5.17"
   dependencies:
-    "@swc/counter": ^0.1.3
-    tslib: ^2.4.0
-  checksum: d4f207b191e54b29460804ddf2984ba6ece1d679a0b2f6a9c765dcf27bba92c5769e7965668a4546fb9f1021eaf0ff9be4bf5c235ce12adcd65acdfe77187d11
+    tslib: ^2.8.0
+  checksum: 085e13b536323945dfc3a270debf270bda6dfc80a1c68fd2ed08f7cbdfcbdaeead402650b5b10722e54e4a24193afc8a3c6f63d3d6d719974e7470557fb415bd
   languageName: node
   linkType: hard
 
@@ -6035,6 +6392,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@tanstack/react-virtual@npm:^3.13.6":
+  version: 3.13.6
+  resolution: "@tanstack/react-virtual@npm:3.13.6"
+  dependencies:
+    "@tanstack/virtual-core": 3.13.6
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: 4500088f7719a5a6241f4fcf24074a2fa8cb54d9c5c50786e909e87aee98af2ac0c1513139984c388e97e8ddb65d108390d39083b0b793fbfd343976f13447c4
+  languageName: node
+  linkType: hard
+
+"@tanstack/virtual-core@npm:3.13.6":
+  version: 3.13.6
+  resolution: "@tanstack/virtual-core@npm:3.13.6"
+  checksum: ac3dfde6208e4dbe404a4cdb3e0de772af17b8c245d313d1b13fe31910e680dc3f4f6b699ad244b148363700293841d2a2dadf2cc50354da294acac7c4af7c86
+  languageName: node
+  linkType: hard
+
 "@tippyjs/react@npm:^4.2.6":
   version: 4.2.6
   resolution: "@tippyjs/react@npm:4.2.6"
@@ -6343,12 +6719,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:^18.3.1":
-  version: 18.3.1
-  resolution: "@types/react-dom@npm:18.3.1"
-  dependencies:
-    "@types/react": "*"
-  checksum: ad28ecce3915d30dc76adc2a1373fda1745ba429cea290e16c6628df9a05fd80b6403c8e87d78b45e6c60e51df7a67add389ab62b90070fbfdc9bda8307d9953
+"@types/react-dom@npm:19.1.2":
+  version: 19.1.2
+  resolution: "@types/react-dom@npm:19.1.2"
+  peerDependencies:
+    "@types/react": ^19.0.0
+  checksum: 62a5c398e87b5a42f34497152c67367db70d5e348a05fc4bd78c119fc8d4367c02833c022b2f5dba4df33ae65b7ff76409847722ce6b8f9ea5d31983832688da
+  languageName: node
+  linkType: hard
+
+"@types/react-dom@npm:^18.3.6":
+  version: 18.3.6
+  resolution: "@types/react-dom@npm:18.3.6"
+  peerDependencies:
+    "@types/react": ^18.0.0
+  checksum: 03434d70eb3213413514303c684fe56672a0e5ac6629be92a34d521f926f9e9eb89dcabf9ff485df485a11244e0f4b47dbb6168f7a6a0b664518c9bafb25711d
   languageName: node
   linkType: hard
 
@@ -6379,7 +6764,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:*, @types/react@npm:^18.0.25":
+"@types/react@npm:*":
   version: 18.2.42
   resolution: "@types/react@npm:18.2.42"
   dependencies:
@@ -6390,6 +6775,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react@npm:19.1.2, @types/react@npm:^19.1.0":
+  version: 19.1.2
+  resolution: "@types/react@npm:19.1.2"
+  dependencies:
+    csstype: ^3.0.2
+  checksum: 5a911a2c84be0c9451bb8a7c75c907af1f52afbb4d51b0d62e7516a9b0b1e63c3c1cdc35b79bfc6e66176c76cfff9d43023a781cd3dc59e2744715ced7d7e7c4
+  languageName: node
+  linkType: hard
+
+"@types/react@npm:^18.3.20":
+  version: 18.3.20
+  resolution: "@types/react@npm:18.3.20"
+  dependencies:
+    "@types/prop-types": "*"
+    csstype: ^3.0.2
+  checksum: a93a4eec87c671ad9d68eaedaa2aa3688926409802939d2b291800cf926c771eb505a18721174364217ae9e1e8b89d09c1519f06ba1f168271de9f4c832710ea
+  languageName: node
+  linkType: hard
+
 "@types/scheduler@npm:*":
   version: 0.16.8
   resolution: "@types/scheduler@npm:0.16.8"
@@ -8331,7 +8735,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clsx@npm:^2.1.1":
+"clsx@npm:^2.0.0, clsx@npm:^2.1.1":
   version: 2.1.1
   resolution: "clsx@npm:2.1.1"
   checksum: acd3e1ab9d8a433ecb3cc2f6a05ab95fe50b4a3cfc5ba47abb6cbf3754585fcb87b84e90c822a1f256c4198e3b41c7f6c391577ffc8678ad587fc0976b24fd57
@@ -8345,17 +8749,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"codemirror-graphql@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "codemirror-graphql@npm:2.1.1"
+"codemirror-graphql@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "codemirror-graphql@npm:2.2.0"
   dependencies:
     "@types/codemirror": ^0.0.90
     graphql-language-service: 5.3.0
   peerDependencies:
     "@codemirror/language": 6.0.0
     codemirror: ^5.65.3
-    graphql: ^15.5.0 || ^16.0.0 || ^17.0.0-alpha.2
-  checksum: e839875d89d121ed0b1a5229492fc25401877f213431506ca3a242cc991e32bc28d4ed885de0ffd0af9c4738ea9770c529bbdbd59b84f757a4b1454e9e68d829
+    graphql: ^15.5.0 || ^16.0.0 || ^17.0.0
+  checksum: 74640931a744e50f3e8432e9f794da28f09911e80ed8db69ba261c283814639008b4ef97261e7c285d91b913124e3aca4e9c20ae613b48dc002559478884ca46
   languageName: node
   linkType: hard
 
@@ -8391,13 +8795,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"color-name@npm:~1.1.4":
+"color-name@npm:^1.0.0, color-name@npm:~1.1.4":
   version: 1.1.4
   resolution: "color-name@npm:1.1.4"
   checksum: b0445859521eb4021cd0fb0cc1a75cecf67fceecae89b63f62b201cca8d345baf8b952c966862a9d9a2632987d4f6581f0ec8d957dfacece86f0a7919316f610
   languageName: node
   linkType: hard
 
+"color-string@npm:^1.9.0":
+  version: 1.9.1
+  resolution: "color-string@npm:1.9.1"
+  dependencies:
+    color-name: ^1.0.0
+    simple-swizzle: ^0.2.2
+  checksum: c13fe7cff7885f603f49105827d621ce87f4571d78ba28ef4a3f1a104304748f620615e6bf065ecd2145d0d9dad83a3553f52bb25ede7239d18e9f81622f1cc5
+  languageName: node
+  linkType: hard
+
+"color@npm:^4.2.3":
+  version: 4.2.3
+  resolution: "color@npm:4.2.3"
+  dependencies:
+    color-convert: ^2.0.1
+    color-string: ^1.9.0
+  checksum: 0579629c02c631b426780038da929cca8e8d80a40158b09811a0112a107c62e10e4aad719843b791b1e658ab4e800558f2e87ca4522c8b32349d497ecb6adeb4
+  languageName: node
+  linkType: hard
+
 "colorette@npm:^2.0.16":
   version: 2.0.20
   resolution: "colorette@npm:2.0.20"
@@ -9069,6 +9493,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"detect-libc@npm:^2.0.3":
+  version: 2.0.4
+  resolution: "detect-libc@npm:2.0.4"
+  checksum: 3d186b7d4e16965e10e21db596c78a4e131f9eee69c0081d13b85e6a61d7448d3ba23fe7997648022bdfa3b0eb4cc3c289a44c8188df949445a20852689abef6
+  languageName: node
+  linkType: hard
+
 "detect-newline@npm:^4.0.0":
   version: 4.0.1
   resolution: "detect-newline@npm:4.0.1"
@@ -9877,6 +10308,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-config-next@npm:15.3.1":
+  version: 15.3.1
+  resolution: "eslint-config-next@npm:15.3.1"
+  dependencies:
+    "@next/eslint-plugin-next": 15.3.1
+    "@rushstack/eslint-patch": ^1.10.3
+    "@typescript-eslint/eslint-plugin": ^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0
+    "@typescript-eslint/parser": ^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0
+    eslint-import-resolver-node: ^0.3.6
+    eslint-import-resolver-typescript: ^3.5.2
+    eslint-plugin-import: ^2.31.0
+    eslint-plugin-jsx-a11y: ^6.10.0
+    eslint-plugin-react: ^7.37.0
+    eslint-plugin-react-hooks: ^5.0.0
+  peerDependencies:
+    eslint: ^7.23.0 || ^8.0.0 || ^9.0.0
+    typescript: ">=3.3.1"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 47cc427ee8ca9e2c51bf7b7c31b1902291a64ca68b4d8e3c86438877c35fc5cb80f7923de07cbdda7dfb20b5f36f04382d1a352755d0da7bd494bad63312c766
+  languageName: node
+  linkType: hard
+
 "eslint-config-next@npm:^15.2.4":
   version: 15.2.4
   resolution: "eslint-config-next@npm:15.2.4"
@@ -11061,16 +11516,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"graphiql@npm:^3.7.2":
-  version: 3.7.2
-  resolution: "graphiql@npm:3.7.2"
+"graphiql@npm:^3.8.3":
+  version: 3.8.3
+  resolution: "graphiql@npm:3.8.3"
   dependencies:
-    "@graphiql/react": ^0.27.0
+    "@graphiql/react": ^0.28.2
   peerDependencies:
     graphql: ^15.5.0 || ^16.0.0 || ^17.0.0
     react: ^16.8.0 || ^17 || ^18
     react-dom: ^16.8.0 || ^17 || ^18
-  checksum: 09fb485d5d8d2c42e2699c1c31c9962928624ebf0693fd4c634d56ea3d12e684d73b4828f58bf758f8c6ab258d9d7feab56c612ae180f822979855ed2dfe43df
+  checksum: 4a7b8cf4925921071b8735c8df97b94bcc1c7972b9577475f9a5508c065320dd897a00669b484f7b0c60c27a5c7dd0c63a0d23577c4236f95931a74caca1c3fa
   languageName: node
   linkType: hard
 
@@ -11802,6 +12257,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-arrayish@npm:^0.3.1":
+  version: 0.3.2
+  resolution: "is-arrayish@npm:0.3.2"
+  checksum: 977e64f54d91c8f169b59afcd80ff19227e9f5c791fa28fa2e5bce355cbaf6c2c356711b734656e80c9dd4a854dd7efcf7894402f1031dfc5de5d620775b4d5f
+  languageName: node
+  linkType: hard
+
 "is-async-function@npm:^2.0.0":
   version: 2.0.0
   resolution: "is-async-function@npm:2.0.0"
@@ -14019,30 +14481,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"next@npm:>=12.0.10":
-  version: 14.0.3
-  resolution: "next@npm:14.0.3"
+"next@npm:15.3.1":
+  version: 15.3.1
+  resolution: "next@npm:15.3.1"
   dependencies:
-    "@next/env": 14.0.3
-    "@next/swc-darwin-arm64": 14.0.3
-    "@next/swc-darwin-x64": 14.0.3
-    "@next/swc-linux-arm64-gnu": 14.0.3
-    "@next/swc-linux-arm64-musl": 14.0.3
-    "@next/swc-linux-x64-gnu": 14.0.3
-    "@next/swc-linux-x64-musl": 14.0.3
-    "@next/swc-win32-arm64-msvc": 14.0.3
-    "@next/swc-win32-ia32-msvc": 14.0.3
-    "@next/swc-win32-x64-msvc": 14.0.3
-    "@swc/helpers": 0.5.2
+    "@next/env": 15.3.1
+    "@next/swc-darwin-arm64": 15.3.1
+    "@next/swc-darwin-x64": 15.3.1
+    "@next/swc-linux-arm64-gnu": 15.3.1
+    "@next/swc-linux-arm64-musl": 15.3.1
+    "@next/swc-linux-x64-gnu": 15.3.1
+    "@next/swc-linux-x64-musl": 15.3.1
+    "@next/swc-win32-arm64-msvc": 15.3.1
+    "@next/swc-win32-x64-msvc": 15.3.1
+    "@swc/counter": 0.1.3
+    "@swc/helpers": 0.5.15
     busboy: 1.6.0
-    caniuse-lite: ^1.0.30001406
+    caniuse-lite: ^1.0.30001579
     postcss: 8.4.31
-    styled-jsx: 5.1.1
-    watchpack: 2.4.0
+    sharp: ^0.34.1
+    styled-jsx: 5.1.6
   peerDependencies:
     "@opentelemetry/api": ^1.1.0
-    react: ^18.2.0
-    react-dom: ^18.2.0
+    "@playwright/test": ^1.41.2
+    babel-plugin-react-compiler: "*"
+    react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+    react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
     sass: ^1.3.0
   dependenciesMeta:
     "@next/swc-darwin-arm64":
@@ -14059,44 +14523,47 @@ __metadata:
       optional: true
     "@next/swc-win32-arm64-msvc":
       optional: true
-    "@next/swc-win32-ia32-msvc":
-      optional: true
     "@next/swc-win32-x64-msvc":
       optional: true
+    sharp:
+      optional: true
   peerDependenciesMeta:
     "@opentelemetry/api":
       optional: true
+    "@playwright/test":
+      optional: true
+    babel-plugin-react-compiler:
+      optional: true
     sass:
       optional: true
   bin:
     next: dist/bin/next
-  checksum: bf53e597b417ee7ebe148968672268dab0ee32eb358b2fc0899258e88ccae8e26cdc5c04a9e7a6c93e85a464e54eccd226db69d4c255c11e6c426a48320b0a64
+  checksum: c748e9f2657272b033aa559c42f3d99abe5cb7ae2e22d3a685e16f008aab1a23666b79178b33d1bf075e7663722cbbf3f726169b63e74f6d7a17d7b8a6e476fc
   languageName: node
   linkType: hard
 
-"next@npm:^14.2.26":
-  version: 14.2.26
-  resolution: "next@npm:14.2.26"
+"next@npm:>=12.0.10":
+  version: 14.0.3
+  resolution: "next@npm:14.0.3"
   dependencies:
-    "@next/env": 14.2.26
-    "@next/swc-darwin-arm64": 14.2.26
-    "@next/swc-darwin-x64": 14.2.26
-    "@next/swc-linux-arm64-gnu": 14.2.26
-    "@next/swc-linux-arm64-musl": 14.2.26
-    "@next/swc-linux-x64-gnu": 14.2.26
-    "@next/swc-linux-x64-musl": 14.2.26
-    "@next/swc-win32-arm64-msvc": 14.2.26
-    "@next/swc-win32-ia32-msvc": 14.2.26
-    "@next/swc-win32-x64-msvc": 14.2.26
-    "@swc/helpers": 0.5.5
+    "@next/env": 14.0.3
+    "@next/swc-darwin-arm64": 14.0.3
+    "@next/swc-darwin-x64": 14.0.3
+    "@next/swc-linux-arm64-gnu": 14.0.3
+    "@next/swc-linux-arm64-musl": 14.0.3
+    "@next/swc-linux-x64-gnu": 14.0.3
+    "@next/swc-linux-x64-musl": 14.0.3
+    "@next/swc-win32-arm64-msvc": 14.0.3
+    "@next/swc-win32-ia32-msvc": 14.0.3
+    "@next/swc-win32-x64-msvc": 14.0.3
+    "@swc/helpers": 0.5.2
     busboy: 1.6.0
-    caniuse-lite: ^1.0.30001579
-    graceful-fs: ^4.2.11
+    caniuse-lite: ^1.0.30001406
     postcss: 8.4.31
     styled-jsx: 5.1.1
+    watchpack: 2.4.0
   peerDependencies:
     "@opentelemetry/api": ^1.1.0
-    "@playwright/test": ^1.41.2
     react: ^18.2.0
     react-dom: ^18.2.0
     sass: ^1.3.0
@@ -14122,13 +14589,11 @@ __metadata:
   peerDependenciesMeta:
     "@opentelemetry/api":
       optional: true
-    "@playwright/test":
-      optional: true
     sass:
       optional: true
   bin:
     next: dist/bin/next
-  checksum: 0716fb3303c249840afbe6a2883723b854d27134b2094c7998362803d21846b4a49f7fd46614f368eded977b8fcd5b2a3dafeafb950280f5fcaf350e6f91f747
+  checksum: bf53e597b417ee7ebe148968672268dab0ee32eb358b2fc0899258e88ccae8e26cdc5c04a9e7a6c93e85a464e54eccd226db69d4c255c11e6c426a48320b0a64
   languageName: node
   linkType: hard
 
@@ -15643,6 +16108,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-compiler-runtime@npm:19.0.0-beta-37ed2a7-20241206":
+  version: 19.0.0-beta-37ed2a7-20241206
+  resolution: "react-compiler-runtime@npm:19.0.0-beta-37ed2a7-20241206"
+  peerDependencies:
+    react: ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: bc5f205d9f26e70e9b4af0f1a17254ece9aff843566adc33f6776ed44de8e31f2ecefebc64a8a7ef7a2f9905482443f5ba28516595b03600ae65dac22ad31841
+  languageName: node
+  linkType: hard
+
 "react-diff-viewer@npm:^3.1.1":
   version: 3.1.1
   resolution: "react-diff-viewer@npm:3.1.1"
@@ -15754,6 +16228,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-dom@npm:19.1.0, react-dom@npm:^19.1.0":
+  version: 19.1.0
+  resolution: "react-dom@npm:19.1.0"
+  dependencies:
+    scheduler: ^0.26.0
+  peerDependencies:
+    react: ^19.1.0
+  checksum: 1d154b6543467095ac269e61ca59db546f34ef76bcdeb90f2dad41d682cd210aae492e70c85010ed5d0a2caea225e9a55139ebc1a615ee85bf197d7f99678cdf
+  languageName: node
+  linkType: hard
+
 "react-dom@npm:^18.3.1":
   version: 18.3.1
   resolution: "react-dom@npm:18.3.1"
@@ -15990,6 +16475,13 @@ react-mathquill@Entkenntnis/tmp-react-mathquill:
   languageName: node
   linkType: hard
 
+"react@npm:19.1.0, react@npm:^19.1.0":
+  version: 19.1.0
+  resolution: "react@npm:19.1.0"
+  checksum: c0905f8cfb878b0543a5522727e5ed79c67c8111dc16ceee135b7fe19dce77b2c1c19293513061a8934e721292bfc1517e0487e262d1906f306bdf95fa54d02f
+  languageName: node
+  linkType: hard
+
 "read-cache@npm:^1.0.0":
   version: 1.0.0
   resolution: "read-cache@npm:1.0.0"
@@ -16668,6 +17160,13 @@ react-mathquill@Entkenntnis/tmp-react-mathquill:
   languageName: node
   linkType: hard
 
+"scheduler@npm:^0.26.0":
+  version: 0.26.0
+  resolution: "scheduler@npm:0.26.0"
+  checksum: c63a9f1c0e5089b537231cff6c11f75455b5c8625ae09535c1d7cd0a1b0c77ceecdd9f1074e5e063da5d8dc11e73e8033dcac3361791088be08a6e60c0283ed9
+  languageName: node
+  linkType: hard
+
 "scroll-into-view-if-needed@npm:^3.1.0":
   version: 3.1.0
   resolution: "scroll-into-view-if-needed@npm:3.1.0"
@@ -16740,6 +17239,15 @@ react-mathquill@Entkenntnis/tmp-react-mathquill:
   languageName: node
   linkType: hard
 
+"semver@npm:^7.7.1":
+  version: 7.7.1
+  resolution: "semver@npm:7.7.1"
+  bin:
+    semver: bin/semver.js
+  checksum: 586b825d36874007c9382d9e1ad8f93888d8670040add24a28e06a910aeebd673a2eb9e3bf169c6679d9245e66efb9057e0852e70d9daa6c27372aab1dda7104
+  languageName: node
+  linkType: hard
+
 "sentence-case@npm:^3.0.4":
   version: 3.0.4
   resolution: "sentence-case@npm:3.0.4"
@@ -16849,6 +17357,78 @@ react-mathquill@Entkenntnis/tmp-react-mathquill:
   languageName: node
   linkType: hard
 
+"sharp@npm:^0.34.1":
+  version: 0.34.1
+  resolution: "sharp@npm:0.34.1"
+  dependencies:
+    "@img/sharp-darwin-arm64": 0.34.1
+    "@img/sharp-darwin-x64": 0.34.1
+    "@img/sharp-libvips-darwin-arm64": 1.1.0
+    "@img/sharp-libvips-darwin-x64": 1.1.0
+    "@img/sharp-libvips-linux-arm": 1.1.0
+    "@img/sharp-libvips-linux-arm64": 1.1.0
+    "@img/sharp-libvips-linux-ppc64": 1.1.0
+    "@img/sharp-libvips-linux-s390x": 1.1.0
+    "@img/sharp-libvips-linux-x64": 1.1.0
+    "@img/sharp-libvips-linuxmusl-arm64": 1.1.0
+    "@img/sharp-libvips-linuxmusl-x64": 1.1.0
+    "@img/sharp-linux-arm": 0.34.1
+    "@img/sharp-linux-arm64": 0.34.1
+    "@img/sharp-linux-s390x": 0.34.1
+    "@img/sharp-linux-x64": 0.34.1
+    "@img/sharp-linuxmusl-arm64": 0.34.1
+    "@img/sharp-linuxmusl-x64": 0.34.1
+    "@img/sharp-wasm32": 0.34.1
+    "@img/sharp-win32-ia32": 0.34.1
+    "@img/sharp-win32-x64": 0.34.1
+    color: ^4.2.3
+    detect-libc: ^2.0.3
+    semver: ^7.7.1
+  dependenciesMeta:
+    "@img/sharp-darwin-arm64":
+      optional: true
+    "@img/sharp-darwin-x64":
+      optional: true
+    "@img/sharp-libvips-darwin-arm64":
+      optional: true
+    "@img/sharp-libvips-darwin-x64":
+      optional: true
+    "@img/sharp-libvips-linux-arm":
+      optional: true
+    "@img/sharp-libvips-linux-arm64":
+      optional: true
+    "@img/sharp-libvips-linux-ppc64":
+      optional: true
+    "@img/sharp-libvips-linux-s390x":
+      optional: true
+    "@img/sharp-libvips-linux-x64":
+      optional: true
+    "@img/sharp-libvips-linuxmusl-arm64":
+      optional: true
+    "@img/sharp-libvips-linuxmusl-x64":
+      optional: true
+    "@img/sharp-linux-arm":
+      optional: true
+    "@img/sharp-linux-arm64":
+      optional: true
+    "@img/sharp-linux-s390x":
+      optional: true
+    "@img/sharp-linux-x64":
+      optional: true
+    "@img/sharp-linuxmusl-arm64":
+      optional: true
+    "@img/sharp-linuxmusl-x64":
+      optional: true
+    "@img/sharp-wasm32":
+      optional: true
+    "@img/sharp-win32-ia32":
+      optional: true
+    "@img/sharp-win32-x64":
+      optional: true
+  checksum: ce2798a2d1a4e4fb9bae5642177e4681050897de8c2d6e1783c8c15d8a40cc0e22bf4ce91d1bf355afd133d16d7032fcfdfa2ed3305eab34b7f8de8f61175519
+  languageName: node
+  linkType: hard
+
 "shebang-command@npm:^1.2.0":
   version: 1.2.0
   resolution: "shebang-command@npm:1.2.0"
@@ -16989,6 +17569,15 @@ react-mathquill@Entkenntnis/tmp-react-mathquill:
   languageName: node
   linkType: hard
 
+"simple-swizzle@npm:^0.2.2":
+  version: 0.2.2
+  resolution: "simple-swizzle@npm:0.2.2"
+  dependencies:
+    is-arrayish: ^0.3.1
+  checksum: a7f3f2ab5c76c4472d5c578df892e857323e452d9f392e1b5cf74b74db66e6294a1e1b8b390b519fa1b96b5b613f2a37db6cffef52c3f1f8f3c5ea64eb2d54c0
+  languageName: node
+  linkType: hard
+
 "sirv@npm:^2.0.3":
   version: 2.0.4
   resolution: "sirv@npm:2.0.4"
@@ -17587,6 +18176,22 @@ react-mathquill@Entkenntnis/tmp-react-mathquill:
   languageName: node
   linkType: hard
 
+"styled-jsx@npm:5.1.6":
+  version: 5.1.6
+  resolution: "styled-jsx@npm:5.1.6"
+  dependencies:
+    client-only: 0.0.1
+  peerDependencies:
+    react: ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+  peerDependenciesMeta:
+    "@babel/core":
+      optional: true
+    babel-plugin-macros:
+      optional: true
+  checksum: 879ad68e3e81adcf4373038aaafe55f968294955593660e173fbf679204aff158c59966716a60b29af72dc88795cfb2c479b6d2c3c87b2b2d282f3e27cc66461
+  languageName: node
+  linkType: hard
+
 "sucrase@npm:^3.35.0":
   version: 3.35.0
   resolution: "sucrase@npm:3.35.0"
@@ -17708,6 +18313,13 @@ react-mathquill@Entkenntnis/tmp-react-mathquill:
   languageName: node
   linkType: hard
 
+"tabbable@npm:^6.0.0":
+  version: 6.2.0
+  resolution: "tabbable@npm:6.2.0"
+  checksum: f8440277d223949272c74bb627a3371be21735ca9ad34c2570f7e1752bd646ccfc23a9d8b1ee65d6561243f4134f5fbbf1ad6b39ac3c4b586554accaff4a1300
+  languageName: node
+  linkType: hard
+
 "tailwindcss-animate@npm:^1.0.7":
   version: 1.0.7
   resolution: "tailwindcss-animate@npm:1.0.7"
@@ -18158,7 +18770,7 @@ react-mathquill@Entkenntnis/tmp-react-mathquill:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.6.3":
+"tslib@npm:^2.6.3, tslib@npm:^2.8.0":
   version: 2.8.1
   resolution: "tslib@npm:2.8.1"
   checksum: e4aba30e632b8c8902b47587fd13345e2827fa639e7c3121074d5ee0880723282411a8838f830b55100cbe4517672f84a2472667d355b81e8af165a55dc6203a
@@ -18762,6 +19374,15 @@ react-mathquill@Entkenntnis/tmp-react-mathquill:
   languageName: node
   linkType: hard
 
+"use-sync-external-store@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "use-sync-external-store@npm:1.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: 5e639c9273200adb6985b512c96a3a02c458bc8ca1a72e91da9cdc6426144fc6538dca434b0f99b28fb1baabc82e1c383ba7900b25ccdcb43758fb058dc66c34
+  languageName: node
+  linkType: hard
+
 "util-deprecate@npm:^1.0.1, util-deprecate@npm:^1.0.2":
   version: 1.0.2
   resolution: "util-deprecate@npm:1.0.2"