chore: remove unused react-modal and related types/react-modal dependencies

Author: kyrers

web/package.json

@@ -50,7 +50,6 @@
     "@kleros/kleros-v2-contracts": "^0.10.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@types/react-modal": "^3.16.3",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "@typescript-eslint/utils": "^5.62.0",
@@ -98,7 +97,6 @@
     "react-is": "^18.2.0",
     "react-loading-skeleton": "^3.3.1",
     "react-markdown": "^8.0.7",
-    "react-modal": "^3.16.1",
     "react-router-dom": "^6.21.2",
     "react-scripts": "^5.0.1",
     "react-toastify": "^9.1.3",

web/src/global.css

@@ -15,7 +15,7 @@
   --color-black-low-opacity: #00000080;
   --color-skeleton-bg: #ebebeb;
   --color-skeleton-highlight: #f5f5f5;
-  --breakpoint-landscape: 900px;
+  --breakpoint-landscape-900: 900px;
   --max-width-landscape: 1400px;
 }
 
@@ -57,10 +57,6 @@ html {
   outline: none;
 }
 
-.ReactModal__Overlay {
-  background-color: #1b003fcc !important;
-}
-
 h1 {
   margin: 0 0 16px 0;
   font-weight: 600;

web/src/index.tsx

@@ -1,16 +1,14 @@
 import React from "react";
 import { createRoot } from "react-dom/client";
 import App from "./app";
-import Modal from "react-modal";
 import { HashRouter } from "react-router-dom";
 
 const container = document.getElementById("app");
-Modal.setAppElement(container!);
 const root = createRoot(container!);
 root.render(
   <React.StrictMode>
     <HashRouter>
       <App />
     </HashRouter>
   </React.StrictMode>
-);
+);

yarn.lock

@@ -5554,7 +5554,6 @@ __metadata:
     "@tanstack/react-query": "npm:^5.66.0"
     "@types/react": "npm:^18.3.12"
     "@types/react-dom": "npm:^18.3.1"
-    "@types/react-modal": "npm:^3.16.3"
     "@typescript-eslint/eslint-plugin": "npm:^5.62.0"
     "@typescript-eslint/parser": "npm:^5.62.0"
     "@typescript-eslint/utils": "npm:^5.62.0"
@@ -5585,7 +5584,6 @@ __metadata:
     react-is: "npm:^18.2.0"
     react-loading-skeleton: "npm:^3.3.1"
     react-markdown: "npm:^8.0.7"
-    react-modal: "npm:^3.16.1"
     react-router-dom: "npm:^6.21.2"
     react-scripts: "npm:^5.0.1"
     react-toastify: "npm:^9.1.3"
@@ -10887,15 +10885,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-modal@npm:^3.16.3":
-  version: 3.16.3
-  resolution: "@types/react-modal@npm:3.16.3"
-  dependencies:
-    "@types/react": "npm:*"
-  checksum: 9622d1983ade28864a85baffcf068722b24f02ac3ec1485dab6a9005a2e0b2f8af78f860be494523d90ba5e182744d1151461a4cc42120a32ed57ec3b7a4cab9
-  languageName: node
-  linkType: hard
-
 "@types/react@npm:*":
   version: 18.2.48
   resolution: "@types/react@npm:18.2.48"
@@ -18606,13 +18595,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"exenv@npm:^1.2.0":
-  version: 1.2.2
-  resolution: "exenv@npm:1.2.2"
-  checksum: 6840185e421394bcb143debb866d31d19c3e4a4bca87d2f319d68d61afff353b3c678f2eb389e3b98ab9aecbec19f6bebbdc4193984378af0a3366c498a7efc8
-  languageName: node
-  linkType: hard
-
 "exit@npm:^0.1.2":
   version: 0.1.2
   resolution: "exit@npm:0.1.2"
@@ -27660,7 +27642,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.0.0, prop-types@npm:^15.6.1, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.0.0, prop-types@npm:^15.6.1, prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -28185,13 +28167,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-lifecycles-compat@npm:^3.0.0":
-  version: 3.0.4
-  resolution: "react-lifecycles-compat@npm:3.0.4"
-  checksum: c66b9c98c15cd6b0d0a4402df5f665e8cc7562fb7033c34508865bea51fd7b623f7139b5b7e708515d3cd665f264a6a9403e1fa7e6d61a05759066f5e9f07783
-  languageName: node
-  linkType: hard
-
 "react-loading-skeleton@npm:^3.3.1":
   version: 3.3.1
   resolution: "react-loading-skeleton@npm:3.3.1"
@@ -28227,21 +28202,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-modal@npm:^3.16.1":
-  version: 3.16.1
-  resolution: "react-modal@npm:3.16.1"
-  dependencies:
-    exenv: "npm:^1.2.0"
-    prop-types: "npm:^15.7.2"
-    react-lifecycles-compat: "npm:^3.0.0"
-    warning: "npm:^4.0.3"
-  peerDependencies:
-    react: ^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18
-    react-dom: ^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18
-  checksum: 79787ed2754f65168fccefcef50b509fa1cbc2b44907f92dcfd78ea6f9702668c70604f192a4bb45badb664902fb100179d6d191e478310be94e656271963905
-  languageName: node
-  linkType: hard
-
 "react-native-fetch-api@npm:^3.0.0":
   version: 3.0.0
   resolution: "react-native-fetch-api@npm:3.0.0"
@@ -33092,7 +33052,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"warning@npm:^4.0.0, warning@npm:^4.0.3":
+"warning@npm:^4.0.0":
   version: 4.0.3
   resolution: "warning@npm:4.0.3"
   dependencies: