diff --git a/client/package-lock.json b/client/package-lock.json
index 87195da..3a81af1 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -16,6 +16,7 @@
                 "vue": "^3.3.9"
             },
             "devDependencies": {
+                "@types/splitpanes": "^2.2.6",
                 "@typescript-eslint/eslint-plugin": "^7.9.0",
                 "@typescript-eslint/parser": "^7.9.0",
                 "@vitejs/plugin-vue": "^4.5.0",
@@ -806,6 +807,40 @@
             "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
             "dev": true
         },
+        "node_modules/@types/splitpanes": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@types/splitpanes/-/splitpanes-2.2.6.tgz",
+            "integrity": "sha512-3dV5sO1Ht74iER4jJU03mreL3f+Q2h47ZqXS6Sfbqc6hkCvsDrX1GA0NbYWRdNvZemPyTDzUoApWKeoGbALwkQ==",
+            "dev": true,
+            "dependencies": {
+                "vue": "^2.0.0"
+            }
+        },
+        "node_modules/@types/splitpanes/node_modules/@vue/compiler-sfc": {
+            "version": "2.7.16",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz",
+            "integrity": "sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==",
+            "dev": true,
+            "dependencies": {
+                "@babel/parser": "^7.23.5",
+                "postcss": "^8.4.14",
+                "source-map": "^0.6.1"
+            },
+            "optionalDependencies": {
+                "prettier": "^1.18.2 || ^2.0.0"
+            }
+        },
+        "node_modules/@types/splitpanes/node_modules/vue": {
+            "version": "2.7.16",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.16.tgz",
+            "integrity": "sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==",
+            "deprecated": "Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.",
+            "dev": true,
+            "dependencies": {
+                "@vue/compiler-sfc": "2.7.16",
+                "csstype": "^3.1.0"
+            }
+        },
         "node_modules/@typescript-eslint/eslint-plugin": {
             "version": "7.13.0",
             "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.13.0.tgz",
@@ -2416,6 +2451,22 @@
                 "node": ">= 0.8.0"
             }
         },
+        "node_modules/prettier": {
+            "version": "2.8.8",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+            "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+            "dev": true,
+            "optional": true,
+            "bin": {
+                "prettier": "bin-prettier.js"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            },
+            "funding": {
+                "url": "https://github.com/prettier/prettier?sponsor=1"
+            }
+        },
         "node_modules/punycode": {
             "version": "2.3.1",
             "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -2580,6 +2631,15 @@
                 "node": ">=8"
             }
         },
+        "node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/source-map-js": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
diff --git a/client/package.json b/client/package.json
index 4dee5f3..a41c901 100644
--- a/client/package.json
+++ b/client/package.json
@@ -18,6 +18,7 @@
         "vue": "^3.3.9"
     },
     "devDependencies": {
+        "@types/splitpanes": "^2.2.6",
         "@typescript-eslint/eslint-plugin": "^7.9.0",
         "@typescript-eslint/parser": "^7.9.0",
         "@vitejs/plugin-vue": "^4.5.0",