diff --git a/package.json b/package.json
index 0bc4b95a..64ae3fe6 100644
--- a/package.json
+++ b/package.json
@@ -83,6 +83,7 @@
     "react-form-stepper": "^2.0.3",
     "react-lazylog": "^4.5.3",
     "react-markdown": "^9.0.0",
+    "react-modal": "^3.16.1",
     "react-native": "^0.72.3",
     "react-native-svg": "^13.10.0",
     "react-redux": "^8.1.2",
@@ -116,6 +117,7 @@
     "@types/node": "18.7.1",
     "@types/react-color": "^3.0.6",
     "@types/react-dnd": "^3.0.2",
+    "@types/react-modal": "^3",
     "@types/react-syntax-highlighter": "^15.5.7",
     "@types/react-virtualized": "^9.21.29",
     "@types/react-window": "^1.8.8",
diff --git a/yarn.lock b/yarn.lock
index c420bf24..102a6cda 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10634,6 +10634,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-modal@npm:^3":
+  version: 3.16.3
+  resolution: "@types/react-modal@npm:3.16.3"
+  dependencies:
+    "@types/react": "npm:*"
+  checksum: 10/9622d1983ade28864a85baffcf068722b24f02ac3ec1485dab6a9005a2e0b2f8af78f860be494523d90ba5e182744d1151461a4cc42120a32ed57ec3b7a4cab9
+  languageName: node
+  linkType: hard
+
 "@types/react-syntax-highlighter@npm:^15.5.7":
   version: 15.5.11
   resolution: "@types/react-syntax-highlighter@npm:15.5.11"
@@ -16701,6 +16710,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"exenv@npm:^1.2.0":
+  version: 1.2.2
+  resolution: "exenv@npm:1.2.2"
+  checksum: 10/6840185e421394bcb143debb866d31d19c3e4a4bca87d2f319d68d61afff353b3c678f2eb389e3b98ab9aecbec19f6bebbdc4193984378af0a3366c498a7efc8
+  languageName: node
+  linkType: hard
+
 "exit-hook@npm:2.2.1":
   version: 2.2.1
   resolution: "exit-hook@npm:2.2.1"
@@ -22524,6 +22540,7 @@ __metadata:
     "@types/react-color": "npm:^3.0.6"
     "@types/react-dnd": "npm:^3.0.2"
     "@types/react-dom": "npm:18"
+    "@types/react-modal": "npm:^3"
     "@types/react-syntax-highlighter": "npm:^15.5.7"
     "@types/react-virtualized": "npm:^9.21.29"
     "@types/react-window": "npm:^1.8.8"
@@ -22561,6 +22578,7 @@ __metadata:
     react-form-stepper: "npm:^2.0.3"
     react-lazylog: "npm:^4.5.3"
     react-markdown: "npm:^9.0.0"
+    react-modal: "npm:^3.16.1"
     react-native: "npm:^0.72.3"
     react-native-svg: "npm:^13.10.0"
     react-redux: "npm:^8.1.2"
@@ -24634,7 +24652,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-lifecycles-compat@npm:^3.0.4":
+"react-lifecycles-compat@npm:^3.0.0, react-lifecycles-compat@npm:^3.0.4":
   version: 3.0.4
   resolution: "react-lifecycles-compat@npm:3.0.4"
   checksum: 10/c66b9c98c15cd6b0d0a4402df5f665e8cc7562fb7033c34508865bea51fd7b623f7139b5b7e708515d3cd665f264a6a9403e1fa7e6d61a05759066f5e9f07783
@@ -24662,6 +24680,21 @@ __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: 10/79787ed2754f65168fccefcef50b509fa1cbc2b44907f92dcfd78ea6f9702668c70604f192a4bb45badb664902fb100179d6d191e478310be94e656271963905
+  languageName: node
+  linkType: hard
+
 "react-native-svg@npm:^13.10.0":
   version: 13.14.0
   resolution: "react-native-svg@npm:13.14.0"
@@ -28342,6 +28375,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"warning@npm:^4.0.3":
+  version: 4.0.3
+  resolution: "warning@npm:4.0.3"
+  dependencies:
+    loose-envify: "npm:^1.0.0"
+  checksum: 10/e7842aff036e2e07ce7a6cc3225e707775b969fe3d0577ad64bd24660e3a9ce3017f0b8c22a136566dcd3a151f37b8ed1ccee103b3bd82bd8a571bf80b247bc4
+  languageName: node
+  linkType: hard
+
 "watchpack@npm:^2.2.0":
   version: 2.4.1
   resolution: "watchpack@npm:2.4.1"