diff --git a/frontend/.eslintrc.cjs b/frontend/.eslintrc.cjs
deleted file mode 100644
index 84dd7502..00000000
--- a/frontend/.eslintrc.cjs
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-env node */
-module.exports = {
-  root: true,
-  extends: [
-    'plugin:vue/vue3-recommended',
-  ],
-  rules: {
-    // Disable the 'vue/no-use-v-if-with-v-for' rule
-    "vue/no-use-v-if-with-v-for": "off",
-    "vue/multi-word-component-names": "off"
-  },
-};
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 7dcd2990..6ad95a99 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "betterfleet",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "betterfleet",
-      "version": "0.0.0",
+      "version": "0.1.0",
       "dependencies": {
         "axios": "^1.6.7",
         "vue": "^3.4.21",
@@ -15,9 +15,6 @@
       "devDependencies": {
         "@tauri-apps/cli": "^1.5.10",
         "@vitejs/plugin-vue": "^5.0.4",
-        "eslint": "^8.57.0",
-        "eslint-plugin-vue": "^9.22.0",
-        "prettier": "^3.2.5",
         "sass": "^1.71.1",
         "typescript": "^5.2.2",
         "vite": "^5.1.4",
@@ -25,15 +22,6 @@
         "vue-tsc": "^2.0.3"
       }
     },
-    "node_modules/@aashutoshrathi/word-wrap": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
-      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/@babel/parser": {
       "version": "7.24.0",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.0.tgz",
@@ -413,139 +401,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "dev": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.10.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
-      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
-      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^9.6.0",
-        "globals": "^13.19.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
-      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.14",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
-      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
-      "dev": true,
-      "dependencies": {
-        "@humanwhocodes/object-schema": "^2.0.2",
-        "debug": "^4.3.1",
-        "minimatch": "^3.0.5"
-      },
-      "engines": {
-        "node": ">=10.10.0"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz",
-      "integrity": "sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==",
-      "dev": true
-    },
     "node_modules/@intlify/core-base": {
       "version": "9.10.1",
       "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.10.1.tgz",
@@ -592,41 +447,6 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
       "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
     },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.12.0",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.12.0.tgz",
@@ -990,12 +810,6 @@
       "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
       "dev": true
     },
-    "node_modules/@ungap/structured-clone": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "dev": true
-    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.0.4.tgz",
@@ -1155,67 +969,6 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.21.tgz",
       "integrity": "sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g=="
     },
-    "node_modules/acorn": {
-      "version": "8.11.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
@@ -1229,12 +982,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -1265,12 +1012,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/boolbase": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-      "dev": true
-    },
     "node_modules/brace-expansion": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
@@ -1292,31 +1033,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
@@ -1341,24 +1057,6 @@
         "fsevents": "~2.3.2"
       }
     },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -1376,38 +1074,6 @@
       "integrity": "sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==",
       "dev": true
     },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -1419,29 +1085,6 @@
       "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
       "dev": true
     },
-    "node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
-    },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -1450,18 +1093,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
@@ -1511,383 +1142,73 @@
         "@esbuild/win32-x64": "0.19.12"
       }
     },
-    "node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
     },
-    "node_modules/eslint": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
-      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
       "dev": true,
       "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.4",
-        "@eslint/js": "8.57.0",
-        "@humanwhocodes/config-array": "^0.11.14",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "@ungap/structured-clone": "^1.2.0",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.2",
-        "eslint-visitor-keys": "^3.4.3",
-        "espree": "^9.6.1",
-        "esquery": "^1.4.2",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-yaml": "^4.1.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3",
-        "strip-ansi": "^6.0.1",
-        "text-table": "^0.2.0"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
+        "to-regex-range": "^5.0.1"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "node": ">=8"
       }
     },
-    "node_modules/eslint-plugin-vue": {
-      "version": "9.22.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.22.0.tgz",
-      "integrity": "sha512-7wCXv5zuVnBtZE/74z4yZ0CM8AjH6bk4MQGm7hZjUC2DBppKU5ioeOk5LGSg/s9a1ZJnIsdPLJpXnu1Rc+cVHg==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "natural-compare": "^1.4.0",
-        "nth-check": "^2.1.1",
-        "postcss-selector-parser": "^6.0.15",
-        "semver": "^7.6.0",
-        "vue-eslint-parser": "^9.4.2",
-        "xml-name-validator": "^4.0.0"
-      },
+    "node_modules/follow-redirects": {
+      "version": "1.15.5",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+      "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
       "engines": {
-        "node": "^14.17.0 || >=16.0.0"
+        "node": ">=4.0"
       },
-      "peerDependencies": {
-        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
       }
     },
-    "node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "dev": true,
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
       "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "node": ">= 6"
       }
     },
-    "node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
       "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
-    "node_modules/eslint/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/eslint/node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/eslint/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/espree": {
-      "version": "9.6.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-      "dev": true,
-      "dependencies": {
-        "acorn": "^8.9.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
-    },
-    "node_modules/fastq": {
-      "version": "1.17.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
-      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
-      "dev": true,
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dev": true,
-      "dependencies": {
-        "flat-cache": "^3.0.4"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/flat-cache": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
-      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
-      "dev": true,
-      "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.3",
-        "rimraf": "^3.0.2"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
-      "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
-      "dev": true
-    },
-    "node_modules/follow-redirects": {
-      "version": "1.15.5",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
-      "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/form-data": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
       "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
@@ -1896,58 +1217,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/glob/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/glob/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/globals": {
-      "version": "13.24.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/he": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
@@ -1957,62 +1226,12 @@
         "he": "bin/he"
       }
     },
-    "node_modules/ignore": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
-      "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/immutable": {
       "version": "4.3.5",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz",
       "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==",
       "dev": true
     },
-    "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dev": true,
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
-    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -2055,100 +1274,6 @@
         "node": ">=0.12.0"
       }
     },
-    "node_modules/is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true
-    },
-    "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
-    },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "dev": true
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
-    },
     "node_modules/lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -2206,12 +1331,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
-    },
     "node_modules/muggle-string": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
@@ -2235,12 +1354,6 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true
-    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -2250,119 +1363,12 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/nth-check": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-      "dev": true,
-      "dependencies": {
-        "boolbase": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/nth-check?sponsor=1"
-      }
-    },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
-      "dev": true,
-      "dependencies": {
-        "@aashutoshrathi/word-wrap": "^1.2.3",
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/path-browserify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
       "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
       "dev": true
     },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -2407,77 +1413,11 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.0.15",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
-      "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/prettier": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
-      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
-      "dev": true,
-      "bin": {
-        "prettier": "bin/prettier.cjs"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier?sponsor=1"
-      }
-    },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
       "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
     },
-    "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -2490,40 +1430,6 @@
         "node": ">=8.10.0"
       }
     },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/rollup": {
       "version": "4.12.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.12.0.tgz",
@@ -2556,29 +1462,6 @@
         "fsevents": "~2.3.2"
       }
     },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
     "node_modules/sass": {
       "version": "1.71.1",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.71.1.tgz",
@@ -2611,27 +1494,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/source-map-js": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
@@ -2640,48 +1502,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
-    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -2694,30 +1514,6 @@
         "node": ">=8.0"
       }
     },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/typescript": {
       "version": "5.3.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
@@ -2731,21 +1527,6 @@
         "node": ">=14.17"
       }
     },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
-    },
     "node_modules/vite": {
       "version": "5.1.4",
       "resolved": "https://registry.npmjs.org/vite/-/vite-5.1.4.tgz",
@@ -2821,30 +1602,6 @@
         }
       }
     },
-    "node_modules/vue-eslint-parser": {
-      "version": "9.4.2",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.2.tgz",
-      "integrity": "sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.3.4",
-        "eslint-scope": "^7.1.1",
-        "eslint-visitor-keys": "^3.3.0",
-        "espree": "^9.3.1",
-        "esquery": "^1.4.0",
-        "lodash": "^4.17.21",
-        "semver": "^7.3.6"
-      },
-      "engines": {
-        "node": "^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      },
-      "peerDependencies": {
-        "eslint": ">=6.0.0"
-      }
-    },
     "node_modules/vue-i18n": {
       "version": "9.10.1",
       "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.10.1.tgz",
@@ -2906,53 +1663,11 @@
         "typescript": "*"
       }
     },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
-    },
-    "node_modules/xml-name-validator": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
-      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
       "dev": true
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
     }
   }
 }
diff --git a/frontend/package.json b/frontend/package.json
index 554f7b95..493f912a 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -19,12 +19,9 @@
   "devDependencies": {
     "@tauri-apps/cli": "^1.5.10",
     "@vitejs/plugin-vue": "^5.0.4",
-    "eslint": "^8.57.0",
-    "eslint-plugin-vue": "^9.22.0",
     "sass": "^1.71.1",
     "typescript": "^5.2.2",
     "vite": "^5.1.4",
-    "prettier": "^3.2.5",
     "vue-router": "^4.2.2",
     "vue-tsc": "^2.0.3"
   }
diff --git a/frontend/src-tauri/Cargo.toml b/frontend/src-tauri/Cargo.toml
index 7edca742..fe3668e0 100644
--- a/frontend/src-tauri/Cargo.toml
+++ b/frontend/src-tauri/Cargo.toml
@@ -17,7 +17,7 @@ tauri-build = { version = "1.5.1", features = [] }
 [dependencies]
 serde_json = "1.0"
 serde = { version = "1.0", features = ["derive"] }
-tauri = { version = "1.6.0", features = [] }
+tauri = { version = "1.6.0", features = ["shell-all"] }
 anyhow = "1.0.80"
 socket2 = "0.5.6"
 tokio = { version = "1.36.0", features = ["full"] }
diff --git a/frontend/src-tauri/tauri.conf.json b/frontend/src-tauri/tauri.conf.json
index fa52d9af..d254abad 100644
--- a/frontend/src-tauri/tauri.conf.json
+++ b/frontend/src-tauri/tauri.conf.json
@@ -12,7 +12,13 @@
   },
   "tauri": {
     "allowlist": {
-      "all": false
+      "all": false,
+      "shell": {
+        "all": true,
+        "execute": true,
+        "sidecar": true,
+        "open": true
+      }
     },
     "bundle": {
       "active": true,
@@ -59,7 +65,7 @@
         "height": 700,
         "resizable": true,
         "title": "betterfleet",
-        "width": 1000
+        "width": 1250
       }
     ]
   }
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 0341ec87..22034254 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -26,7 +26,7 @@ import Loading from "@/vue/templates/Loading.vue";
 import { useI18n } from "vue-i18n";
 import { UserStore } from "@/objects/stores/UserStore.ts";
 import { LocalKey } from "@/objects/stores/LocalStore.ts";
-import { onMounted } from "vue";
+import {onMounted } from "vue";
 import FirstLogin from "@/vue/templates/FirstLogin.vue";
 import { PlayerStates } from "@/objects/Fleet.ts";
 import AlertComponent from "@/vue/alert/AlertComponent.vue";
diff --git a/frontend/src/assets/icons/discord.svg b/frontend/src/assets/icons/discord.svg
new file mode 100644
index 00000000..c6340ec8
--- /dev/null
+++ b/frontend/src/assets/icons/discord.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="25" height="19" viewBox="0 0 25 19" fill="none">
+    <path d="M20.7797 1.93483C19.2592 1.23685 17.6299 0.722912 15.9254 0.428904C15.8941 0.423116 15.8629 0.437007 15.8478 0.465945C15.6384 0.838665 15.4058 1.32598 15.2438 1.70795C13.4108 1.43362 11.5871 1.43362 9.79119 1.70795C9.62803 1.31672 9.38733 0.838665 9.17672 0.465945C9.16052 0.438165 9.12929 0.424274 9.0992 0.428904C7.39584 0.722912 5.76539 1.23685 4.24487 1.93483C4.23214 1.94062 4.22056 1.94988 4.21246 1.96261C1.1205 6.5834 0.273427 11.0908 0.688852 15.5426C0.691166 15.5645 0.70274 15.5854 0.720098 15.5981C2.76019 17.0971 4.73667 18.0069 6.67609 18.61C6.70733 18.6192 6.73973 18.6076 6.7594 18.5822C7.21764 17.956 7.62728 17.295 7.97791 16.5994C7.99874 16.5589 7.9779 16.5102 7.93624 16.494C7.28706 16.2475 6.67028 15.9477 6.07549 15.6074C6.02805 15.5796 6.0246 15.5125 6.06741 15.48C6.19239 15.3863 6.31736 15.2891 6.43655 15.1907C6.45853 15.1721 6.48861 15.1687 6.51407 15.1803C10.4172 16.9628 14.6432 16.9628 18.5001 15.1803C18.5255 15.1675 18.5556 15.1722 18.5776 15.1895C18.6968 15.2879 18.8217 15.3863 18.9479 15.48C18.9907 15.5125 18.9884 15.5796 18.941 15.6074C18.3473 15.9546 17.7294 16.2486 17.0791 16.494C17.0362 16.5102 17.0177 16.5589 17.0385 16.6005C17.3973 17.2939 17.8058 17.9548 18.2559 18.5822C18.2744 18.6088 18.308 18.6204 18.3392 18.6111C20.2879 18.0081 22.2643 17.0983 24.3044 15.5993C24.3218 15.5865 24.3334 15.5657 24.3357 15.5449C24.8333 10.3986 23.5025 5.92825 20.8098 1.96493C20.8028 1.95219 20.7924 1.94178 20.7785 1.93599L20.7797 1.93483ZM8.55878 12.8317C7.3831 12.8317 6.41572 11.7529 6.41572 10.4275C6.41572 9.10215 7.36574 8.02335 8.55878 8.02335C9.75183 8.02335 10.7215 9.11257 10.7019 10.4275C10.7019 11.7529 9.75183 12.8317 8.55878 12.8317ZM16.4843 12.8317C15.3086 12.8317 14.3412 11.7529 14.3412 10.4275C14.3412 9.10215 15.2912 8.02335 16.4843 8.02335C17.6773 8.02335 18.647 9.11257 18.6273 10.4275C18.6273 11.7529 17.6877 12.8317 16.4843 12.8317Z" fill="#5765F0"/>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/github.svg b/frontend/src/assets/icons/github.svg
new file mode 100644
index 00000000..2f6a8cb7
--- /dev/null
+++ b/frontend/src/assets/icons/github.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.49912 0C4.25326 0 0 4.25326 0 9.50029C0 13.6976 2.72178 17.258 6.49682 18.5148C6.97213 18.6017 7.14534 18.3083 7.14534 18.0564C7.14534 17.8313 7.13717 17.2335 7.13251 16.4409C4.49004 17.0148 3.9325 15.1672 3.9325 15.1672C3.50035 14.0702 2.8775 13.778 2.8775 13.778C2.01495 13.1884 2.94282 13.2001 2.94282 13.2001C3.89634 13.2677 4.39789 14.1793 4.39789 14.1793C5.24528 15.6309 6.62163 15.2115 7.16283 14.9689C7.24915 14.3548 7.49409 13.9361 7.76586 13.6987C5.65643 13.459 3.43853 12.6437 3.43853 9.00341C3.43853 7.96648 3.80886 7.11851 4.41656 6.45425C4.31858 6.21397 3.99257 5.2482 4.50928 3.94008C4.50928 3.94008 5.3071 3.68464 7.12201 4.91402C7.87958 4.70349 8.69256 4.59793 9.50029 4.59443C10.3069 4.59793 11.1198 4.70349 11.8786 4.91402C13.6923 3.68464 14.4884 3.94008 14.4884 3.94008C15.0068 5.2482 14.6808 6.21397 14.5829 6.45425C15.1917 7.11851 15.5597 7.96648 15.5597 9.00341C15.5597 12.6531 13.3383 13.4561 11.2219 13.6911C11.5631 13.9845 11.8669 14.5642 11.8669 15.4507C11.8669 16.7203 11.8552 17.745 11.8552 18.0564C11.8552 18.3107 12.0261 18.6063 12.5084 18.5136C16.2805 17.2545 19 13.6964 19 9.50029C19 4.25326 14.7462 0 9.49912 0Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/locales/ca.svg b/frontend/src/assets/icons/locales/ca.svg
new file mode 100644
index 00000000..1fa4bef6
--- /dev/null
+++ b/frontend/src/assets/icons/locales/ca.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21" height="16" viewBox="0 0 21 16" fill="none">
+    <g clip-path="url(#clip0_70_5630)">
+        <rect y="0.5" width="21" height="15" rx="3" fill="white"/>
+        <path d="M10.7059 12.1176H10.2941L10.3971 10.4706C10.3912 10.3839 10.3496 10.3611 10.1912 10.3676L8.54412 10.5735C8.54412 10.5735 8.85294 10.1618 8.85294 9.95588C8.85294 9.75 7 8.41176 7 8.41176C7 8.41176 7.41176 8.30882 7.51471 8.20588C7.61765 8.10294 7.10294 6.97059 7.10294 6.97059C7.10294 6.97059 8.14906 7.38235 8.23529 7.27941C8.32153 7.17647 8.44118 6.76471 8.44118 6.76471C8.44118 6.76471 9.26471 7.69118 9.47059 7.69118C9.67647 7.69118 9.05882 5.42647 9.05882 5.42647C9.05882 5.42647 9.57353 5.83824 9.77941 5.83824C9.98529 5.83824 10.5 4.5 10.5 4.5C10.5 4.5 11.0147 5.83824 11.1176 5.83824C11.2206 5.83824 11.9412 5.42647 11.9412 5.42647C11.9412 5.42647 11.4265 7.58824 11.5294 7.69118C11.6324 7.79412 12.5588 6.76471 12.5588 6.76471C12.5588 6.76471 12.6618 7.17647 12.7647 7.27941C12.8676 7.38235 13.8971 6.97059 13.8971 6.97059C13.8971 6.97059 13.3824 8.10294 13.4853 8.20588C13.5882 8.30882 14 8.41176 14 8.41176C14 8.41176 12.1471 9.75 12.1471 9.95588C12.1471 10.1618 12.3529 10.5735 12.3529 10.5735L10.8088 10.3676C10.6847 10.3321 10.6417 10.3591 10.6029 10.4706L10.7059 12.1176Z" fill="#F93939"/>
+        <rect x="16" y="0.5" width="5" height="15" fill="#F93939"/>
+        <rect y="0.5" width="5" height="15" fill="#F93939"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_70_5630">
+            <rect y="0.5" width="21" height="15" rx="3" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/locales/de.svg b/frontend/src/assets/icons/locales/de.svg
new file mode 100644
index 00000000..15ddd7b5
--- /dev/null
+++ b/frontend/src/assets/icons/locales/de.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21" height="16" viewBox="0 0 21 16" fill="none">
+    <g clip-path="url(#clip0_70_5668)">
+        <path d="M19 0.5H2C0.89543 0.5 0 1.39543 0 2.5V13.5C0 14.6046 0.89543 15.5 2 15.5H19C20.1046 15.5 21 14.6046 21 13.5V2.5C21 1.39543 20.1046 0.5 19 0.5Z" fill="#FFDA2C"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M14 0.5H21V15.5H14V0.5Z" fill="#F93939"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H7V15.5H0V0.5Z" fill="#151515"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_70_5668">
+            <rect y="0.5" width="21" height="15" rx="3" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/locales/en.svg b/frontend/src/assets/icons/locales/en.svg
new file mode 100644
index 00000000..c881ebf1
--- /dev/null
+++ b/frontend/src/assets/icons/locales/en.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21" height="16" viewBox="0 0 21 16" fill="none">
+    <g clip-path="url(#clip0_70_5634)">
+        <rect y="0.5" width="21" height="15" rx="3" fill="#1A47B8"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.23397 0.5H0V3L18.7539 15.5L21 15.5V13L2.23397 0.5Z" fill="white"/>
+        <path d="M0.745098 0.5L21 14.0354V15.5H20.2724L0 1.95056V0.5H0.745098Z" fill="#F93939"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M19 0.5H21V3C21 3 8.0098 11.3281 2 15.5H0V13L19 0.5Z" fill="white"/>
+        <path d="M21 0.5H20.3218L0 14.0471V15.5H0.745098L21 1.96151V0.5Z" fill="#F93939"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M7.63708 0.5H13.3804V5.12682H21V10.8701H13.3804V15.5H7.63708V10.8701H0V5.12682H7.63708V0.5Z" fill="white"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.8421 0.5H12.1579V6.26923H21V9.73077H12.1579V15.5H8.8421V9.73077H0V6.26923H8.8421V0.5Z" fill="#F93939"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_70_5634">
+            <rect y="0.5" width="21" height="15" rx="3" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/icons/locales/fr.svg b/frontend/src/assets/icons/locales/fr.svg
new file mode 100644
index 00000000..e55956b1
--- /dev/null
+++ b/frontend/src/assets/icons/locales/fr.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21" height="16" viewBox="0 0 21 16" fill="none">
+    <g clip-path="url(#clip0_70_5623)">
+        <rect y="0.5" width="21" height="15" rx="3" fill="white"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M14 0.5H21V15.5H14V0.5Z" fill="#F93939"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H7V15.5H0V0.5Z" fill="#1A47B8"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_70_5623">
+            <rect y="0.5" width="21" height="15" rx="3" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/locales/en.json b/frontend/src/assets/locales/en.json
index cd62ba6e..58e892fd 100644
--- a/frontend/src/assets/locales/en.json
+++ b/frontend/src/assets/locales/en.json
@@ -22,6 +22,30 @@
     }
   },
   "appName": "Better Fleet",
+  "config": {
+    "devmode": "Activate developer mod",
+    "lang": {
+      "label": "Lang"
+    },
+    "name": {
+      "label": "Username",
+      "placeholder": "Ichabodt"
+    },
+    "server": {
+      "label": "Server hostname",
+      "placeholder": "https://betterfleet.com/api"
+    },
+    "title": "Preferences"
+  },
+  "credits": {
+    "and": "and",
+    "description": "todo",
+    "designed": "todo",
+    "details": "todo",
+    "developed": "",
+    "socials": "todo",
+    "title": "todo"
+  },
   "firstLogin": {
     "button": {
       "description": "TODO",
@@ -37,6 +61,10 @@
     "targetLoading": "Game detected. Loading ships.",
     "tips": "This can take a while..."
   },
+  "locales": {
+    "en": "English",
+    "fr": "French"
+  },
   "session": {
     "choice": {
       "createComment": "TODO",
diff --git a/frontend/src/assets/locales/fr.json b/frontend/src/assets/locales/fr.json
index 3881c07a..6f9fed98 100644
--- a/frontend/src/assets/locales/fr.json
+++ b/frontend/src/assets/locales/fr.json
@@ -22,6 +22,30 @@
     }
   },
   "appName": "Better Fleet",
+  "config": {
+    "devmode": "Activer le mode développeur",
+    "lang": {
+      "label": "Langue"
+    },
+    "name": {
+      "label": "Pseudonyme",
+      "placeholder": "Bob"
+    },
+    "server": {
+      "label": "Adresse du serveur",
+      "placeholder": "https://betterfleet.com/api"
+    },
+    "title": "Préférances"
+  },
+  "credits": {
+    "and": "et",
+    "description": "Better Fleet a été crée pour proposer une application pour faires des alliances sur le jeu Sea Of Thieves",
+    "designed": "Designer par",
+    "details": "Ce n'est pas l'application officielle de Sea of Thieves, mais simplement une application sur le thème du jeu qui propose une aide pour la création d'alliances.",
+    "developed": "Développée par",
+    "socials": "Retrouvez nous ici:",
+    "title": "Crédits / Informations"
+  },
   "firstLogin": {
     "button": {
       "description": "Hissons les voiles, monte à bord et rejoins l'équipage !",
@@ -37,6 +61,10 @@
     "targetLoading": "Jeu détecté. Préparation des navires.",
     "tips": "Cela peut prendre un certain moment, merci de vérifier que votre jeu est lancé."
   },
+  "locales": {
+    "en": "Anglais",
+    "fr": "Francais"
+  },
   "session": {
     "choice": {
       "createComment": "Goûtez à la liberté de régner sur les flots en pirate !",
diff --git a/frontend/src/assets/style.scss b/frontend/src/assets/style.scss
index c79c7abc..8dead3af 100644
--- a/frontend/src/assets/style.scss
+++ b/frontend/src/assets/style.scss
@@ -18,7 +18,8 @@ body {
   --primary: #32D499;
   --primary-text: #FFF;
   --secondary-text: #B3B3B3;
-  --primary-background: #171A21;
+  --primary-background: radial-gradient(205.44% 98.15% at 50% 50%, #171A21 0%, #0A0C10 100%), #171A21;
+  --primary-background-static: #171A21;
   --primary-border: #E8E8E8;
   --secondary-background: #222631;
   --important: #D43232;
@@ -27,21 +28,21 @@ body {
 }
 
 html, body {
-  background-color: var(--primary-background);
+  background: var(--primary-background);
   height: 100vh;
   overflow: hidden;
   width: auto;
 }
 
 #app {
-  background-color: var(--primary-background);
+  background: var(--primary-background);
   height: calc(100%);
 }
 
 ::-webkit-scrollbar {
   width: 5px;
   height: 8px;
-  background-color: var(--primary-background);
+  background: var(--primary-background);
 }
 
 ::-webkit-scrollbar-thumb {
diff --git a/frontend/src/components/Config.vue b/frontend/src/components/Config.vue
index da75d459..0bcf6533 100644
--- a/frontend/src/components/Config.vue
+++ b/frontend/src/components/Config.vue
@@ -1,11 +1,266 @@
 <template>
-<p>Config</p>
+  <div class="config-wrapper">
+    <BannerTemplate>
+      <template #content>
+        <p class="page-title">
+          {{ t("config.title") }}
+        </p>
+      </template>
+    </BannerTemplate>
+    <div class="config-content">
+      <div class="side-content inputs">
+        <h2>{{ t("credits.title") }}</h2>
+        <div class="content-wrapper">
+          <div class="side-content">
+            <InputText
+              v-model:input-value="username"
+              :placeholder="t('config.name.placeholder')"
+              :label="t('config.name.label')"
+            />
+            <div class="dev-mode-wrapper">
+              <input type="checkbox" v-model="devMode" />
+              <p>{{ t("config.devmode") }}</p>
+            </div>
+            <InputText
+              v-model:input-value="UserStore.player.serverHostName"
+              :placeholder="t('config.server.placeholder')"
+              :label="t('config.server.label')"
+              :lock="!devMode"
+            />
+          </div>
+          <div class="side-content">
+            <SingleSelect
+              :label="t('config.lang.label')"
+              v-model:data="langOptions"
+            />
+          </div>
+        </div>
+      </div>
+      <div class="side-content credits">
+        <h2>{{ t("credits.title") }}</h2>
+        <p>{{ t("credits.description") }}</p>
+        <p>
+          {{ t("credits.developed") }}
+          <a href="https://zelytra.fr" target="_blank">Zelytra</a>
+          {{ t("credits.and") }}
+          <a href="https://github.com/dadodasyra" target="_blank">dadodasyra</a>
+        </p>
+        <p>
+          {{ t("credits.designed") }}
+          <a href="https://zetro.fr" target="_blank">Zetro</a>
+        </p>
+        <div class="social-wrapper">
+          <p>{{ t("credits.socials") }}</p>
+          <a href="https://discord.gg/sHPp5CPxf2" target="_blank"
+            ><img src="@/assets/icons/discord.svg"
+          /></a>
+          <a href="https://github.com/zelytra/BetterFleet" target="_blank"
+            ><img src="@/assets/icons/github.svg"
+          /></a>
+        </div>
+        <p class="light">
+          {{ t("credits.details") }}
+        </p>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
+import BannerTemplate from "@/vue/templates/BannerTemplate.vue";
+import { useI18n } from "vue-i18n";
+import InputText from "@/vue/form/InputText.vue";
+import SingleSelect from "@/vue/form/SingleSelect.vue";
+import { SingleSelectInterface } from "@/vue/form/Inputs.ts";
+import { onMounted, ref, watch } from "vue";
 
+import fr from "@/assets/icons/locales/fr.svg";
+import en from "@/assets/icons/locales/en.svg";
+import { UserStore } from "@/objects/stores/UserStore.ts";
+import { onBeforeRouteLeave } from "vue-router";
+
+const { t, availableLocales } = useI18n();
+const langOptions = ref<SingleSelectInterface>({ data: [] });
+const devMode = ref<boolean>(false);
+const username = ref<string>(UserStore.player.username);
+
+onMounted(() => {
+  for (const locale of availableLocales) {
+    langOptions.value.data.push({
+      display: t("locales." + locale),
+      id: locale,
+      image: getImgUrl(locale),
+    });
+  }
+
+  if (UserStore.player.lang) {
+    langOptions.value.selectedValue = langOptions.value.data.filter(
+      (x) => x.id == UserStore.player.lang,
+    )[0];
+  } else {
+    langOptions.value.selectedValue = langOptions.value.data[0];
+  }
+});
+
+watch(langOptions.value, () => {
+  UserStore.setLang(langOptions.value.selectedValue!.id);
+});
+
+onBeforeRouteLeave((_to, _from, next) => {
+  if (username.value.length == 0) {
+    next(false);
+  } else {
+    UserStore.player.username = username.value;
+    next();
+  }
+});
+
+function getImgUrl(iconName: string): string {
+  switch (iconName) {
+    case "fr":
+      return fr;
+    default:
+      return en;
+  }
+}
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+.config-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  height: 100%;
+
+  p.page-title {
+    text-align: center;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-family: BrushTip, sans-serif;
+    line-height: 48px;
+    font-size: 45px;
+    margin-top: 8px;
+  }
+
+  .config-content {
+    display: flex;
+    height: calc(100% - 170px); // Minus header height
+    max-height: 400px;
+    box-sizing: border-box;
+    gap: 14px;
+
+    .side-content {
+      width: 100%;
+      height: 100%;
+      background: var(--secondary-background);
+      gap: 20px;
+      border-radius: 5px;
+      padding: 16px 8px;
+      //overflow: hidden;
+
+      .dev-mode-wrapper {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+      }
+
+      h2 {
+        font-family: BrushTip, sans-serif;
+        color: var(--primary);
+        font-size: 25px;
+        text-align: center;
+      }
+
+      &.inputs {
+        overflow: visible;
+
+        .content-wrapper {
+          display: flex;
+          gap: 12px;
+          width: 100%;
+          box-sizing: border-box;
+
+          .side-content {
+            box-sizing: border-box;
+            width: 50%;
+            display: flex;
+            flex-direction: column;
+            gap: 24px;
+          }
+        }
+
+        input[type="checkbox"] {
+          appearance: none;
+          border: 1px solid var(--primary);
+          border-radius: 4px;
+          width: 20px;
+          height: 20px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          &:before {
+            content: "";
+            width: 10px;
+            transform: scale(0);
+            height: 10px;
+            background: var(--primary-text);
+            clip-path: polygon(
+              14% 44%,
+              0 65%,
+              50% 100%,
+              100% 16%,
+              80% 0%,
+              43% 62%
+            );
+            transform-origin: bottom left;
+          }
+
+          &:checked {
+            background: var(--primary);
+            border: 2px solid var(--primary);
+
+            &:before {
+              transform: scale(1);
+            }
+          }
+        }
+      }
+
+      &.credits {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: center;
+        max-width: 400px;
+
+        p {
+          font-size: 16px;
+          text-align: center;
+
+          a {
+            color: var(--primary);
+            cursor: pointer;
+
+            &:hover {
+              text-decoration: underline var(--primary);
+            }
+          }
+
+          &.light {
+            color: var(--secondary-text);
+          }
+        }
 
-</style>
\ No newline at end of file
+        .social-wrapper {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/frontend/src/objects/Fleet.ts b/frontend/src/objects/Fleet.ts
index 4d8fbc77..de3e7084 100644
--- a/frontend/src/objects/Fleet.ts
+++ b/frontend/src/objects/Fleet.ts
@@ -31,7 +31,7 @@ export class Fleet {
         this.status = SessionStatus.WAITING;
     }
 
-    joinSession(sessionId: string): boolean {
+    joinSession(sessionId: string) {
         if (this.socket && this.socket.readyState >= 2) {
             this.socket.close();
         }
@@ -87,11 +87,7 @@ export class Fleet {
     }
 
     leaveSession(): void {
-        if (
-            !this.socket ||
-            this.socket.readyState == this.socket.CLOSING ||
-            this.socket.readyState != this.socket.CLOSED
-        ) {
+        if (!this.socket) {
             return;
         }
         this.socket.close();
@@ -130,6 +126,7 @@ export interface Player extends Preferences {
     isMaster: boolean;
     fleet?: Fleet;
     sessionId?: string;
+    serverHostName?: string
 }
 
 export interface Preferences {
diff --git a/frontend/src/objects/stores/UserStore.ts b/frontend/src/objects/stores/UserStore.ts
index f22313ae..11e7912f 100644
--- a/frontend/src/objects/stores/UserStore.ts
+++ b/frontend/src/objects/stores/UserStore.ts
@@ -1,27 +1,35 @@
-import {reactive} from "vue";
-import LocalStore, {LocalKey} from "@/objects/stores/LocalStore.ts";
-import {i18n} from "@/main.ts";
-import type {Player} from "@/objects/Fleet.ts";
-
+import { reactive } from "vue";
+import LocalStore, { LocalKey } from "@/objects/stores/LocalStore.ts";
+import { i18n } from "@/main.ts";
+import type { Player } from "@/objects/Fleet.ts";
 
 export const UserStore = reactive({
-    player: {} as Player,
-    init(defaultPlayerValue: Player) {
-        const userStoreKey = LocalStore(LocalKey.USER_STORE, {});
-        const browserLang = navigator.language.substring(0, 2);
-        const readedPlayer = userStoreKey.value as Player;
-        this.player = defaultPlayerValue;
-        this.player.username = readedPlayer.username;
-        this.player.lang = readedPlayer.lang;
+  player: {} as Player,
+  init(defaultPlayerValue: Player) {
+    const userStoreKey = LocalStore(LocalKey.USER_STORE, {});
+    const browserLang = navigator.language.substring(0, 2);
+    const readedPlayer = userStoreKey.value as Player;
+    this.player = defaultPlayerValue;
+    this.player.username = readedPlayer.username;
+    this.player.lang = readedPlayer.lang;
+    this.player.serverHostName = readedPlayer.serverHostName;
+
+    if (!this.player.lang) this.player.lang = browserLang;
+    if (!this.player.username) this.player.username = "";
+    if (!this.player.serverHostName)
+      this.player.serverHostName = import.meta.env.VITE_SOCKET_HOST;
 
-        if (!this.player.lang) this.player.lang = browserLang;
-        if (!this.player.username) this.player.username = "";
+    //@ts-ignore I18N typescript implementation
+    i18n.global.locale.value = this.player.lang;
+  },
 
-        //@ts-ignore I18N typescript implementation
-        i18n.global.locale.value = this.player.lang;
-    },
+  setUser(user: Player) {
+    this.player = user;
+  },
 
-    setUser(user: Player) {
-        this.player = user;
-    },
+  setLang(lang: string) {
+    //@ts-ignore I18N typescript implementation
+    this.player.lang = lang;
+    i18n.global.locale.value = (this.player.lang as "fr") || "en";
+  },
 });
diff --git a/frontend/src/vue/alert/Alert.ts b/frontend/src/vue/alert/Alert.ts
index de8ab638..11936b83 100644
--- a/frontend/src/vue/alert/Alert.ts
+++ b/frontend/src/vue/alert/Alert.ts
@@ -1,5 +1,5 @@
 import flame from "@/assets/icons/alert-flame.svg";
-import { AlertUtils } from "@/vue/alert/AlertUtils.ts";
+import {AlertUtils} from "@/vue/alert/AlertUtils.ts";
 
 export class AlertType {
   static readonly VALID = new AlertType("VALID", flame);
@@ -10,7 +10,8 @@ export class AlertType {
   private constructor(
     public readonly key: string,
     public readonly value: any,
-  ) {}
+  ) {
+  }
 
   toString() {
     return this.value;
@@ -27,7 +28,8 @@ export interface Alert {
 export class AlertProvider {
   private alerts: Alert[] = [];
 
-  constructor() {}
+  constructor() {
+  }
 
   public get getAlerts() {
     return this.alerts;
@@ -46,20 +48,24 @@ export class AlertProvider {
   }
 
   public handleError(status: number) {
-    if (status == 403) {
-      this.sendAlert(AlertUtils.getForbiddenAccessAlert());
-    }
-
-    if (status == 500) {
-      this.sendAlert(AlertUtils.getErrorAlert());
-    }
-
-    if (status == 400) {
-      this.sendAlert(AlertUtils.getBadRequest());
-    }
+    switch (status) {
+      case 403: {
+        this.sendAlert(AlertUtils.getForbiddenAccessAlert());
+        break;
+      }
+      case 500: {
+        this.sendAlert(AlertUtils.getErrorAlert());
+        break;
+      }
+      case 400: {
+        this.sendAlert(AlertUtils.getBadRequest());
+        break;
+      }
+      case 415: {
+        this.sendAlert(AlertUtils.getUnsupportedMediaType());
+        break;
+      }
 
-    if (status == 415) {
-      this.sendAlert(AlertUtils.getUnsupportedMediaType());
     }
   }
 }
diff --git a/frontend/src/vue/fleet/PlayerFleet.vue b/frontend/src/vue/fleet/PlayerFleet.vue
index 71b54c39..685da2fc 100644
--- a/frontend/src/vue/fleet/PlayerFleet.vue
+++ b/frontend/src/vue/fleet/PlayerFleet.vue
@@ -37,7 +37,7 @@ defineProps({
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background: var(--primary-background);
+  background: var(--primary-background-static);
   padding: 8px 13px;
   border-radius: 5px;
 
diff --git a/frontend/src/vue/form/InputText.vue b/frontend/src/vue/form/InputText.vue
index dcef963b..8b6ae937 100644
--- a/frontend/src/vue/form/InputText.vue
+++ b/frontend/src/vue/form/InputText.vue
@@ -1,19 +1,24 @@
 <template>
-  <div class="input-wrapper">
-    <input
-      v-model="computedInput"
-      type="text"
-      :placeholder="placeholder"
-      @keydown.enter="emits('validate')"
-    />
-    <span class="cross" @click="resetInput">
-      <img src="@/assets/icons/cross.svg" />
+  <div class="input-global-wrapper">
+    <label v-if="label">{{ label }}</label>
+    <div :class="{'input-wrapper':true,disabled:lock}">
+      <input
+          v-model="computedInput"
+          type="text"
+          :disabled="lock"
+          :placeholder="placeholder"
+          @keydown.enter="emits('validate')"
+      />
+      <span class="cross" @click="resetInput">
+      <img src="@/assets/icons/cross.svg"/>
     </span>
+    </div>
   </div>
+
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
+import {computed} from "vue";
 
 const props = defineProps({
   inputValue: {
@@ -21,7 +26,9 @@ const props = defineProps({
     required: true,
     default: "",
   },
-  placeholder: { type: String, required: false, default: "" },
+  placeholder: {type: String, required: false, default: ""},
+  label: {type: String, required: false},
+  lock: {type: Boolean, required: false, default: () => false}
 });
 const emits = defineEmits(["update:input-value", "validate"]);
 
@@ -38,25 +45,38 @@ function resetInput() {
 </script>
 
 <style scoped lang="scss">
-.input-wrapper {
-  position: relative;
-  padding: 5px 10px;
-  border-radius: 5px;
-  border: 1px solid var(--white-10, rgba(255, 255, 255, 0.1));
-  background: var(--white-5, rgba(255, 255, 255, 0.05));
+.input-global-wrapper {
   display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 12px;
-  min-width: 250px;
-
-  input[type="text"] {
-    all: unset;
-    width: 100%;
-  }
+  flex-direction: column;
+  gap: 9px;
+
+  .input-wrapper {
+    position: relative;
+    padding: 5px 10px;
+    border-radius: 5px;
+    border: 1px solid var(--white-10, rgba(255, 255, 255, 0.1));
+    background: var(--white-5, rgba(255, 255, 255, 0.05));
+    display: flex;
+    box-sizing: border-box;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+    min-width: 250px;
+
+    &.disabled {
+      cursor: no-drop;
+      background: rgba(23, 26, 33, 0.40);
+      color: var(--secondary-text);
+    }
+
+    input[type="text"] {
+      all: unset;
+      width: 100%;
+    }
 
-  span.cross {
-    cursor: pointer;
+    span.cross {
+      cursor: pointer;
+    }
   }
 }
 </style>
diff --git a/frontend/src/vue/form/Inputs.ts b/frontend/src/vue/form/Inputs.ts
new file mode 100644
index 00000000..d68e4f47
--- /dev/null
+++ b/frontend/src/vue/form/Inputs.ts
@@ -0,0 +1,10 @@
+export interface SingleSelectInterface {
+    selectedValue?: InputData;
+    data:InputData[];
+}
+
+export interface InputData {
+    image: any;
+    display: string;
+    id: string
+}
\ No newline at end of file
diff --git a/frontend/src/vue/form/SelectInput.vue b/frontend/src/vue/form/SelectInput.vue
new file mode 100644
index 00000000..c1d0c2d6
--- /dev/null
+++ b/frontend/src/vue/form/SelectInput.vue
@@ -0,0 +1,204 @@
+<template>
+  <div class="input-wrapper">
+    <div class="wrapper input" @click="openOption()">
+      <div class="selected-values">
+        <p v-for="value of checked" v-if="checked.length > 0">{{ value }}</p>
+        <span v-else>{{ placeHolder }}</span>
+      </div>
+      <img
+        src="@assets/icons/flame.svg"
+        alt="arrow"
+        :class="{ open: toggleOption }"
+      />
+    </div>
+
+    <transition>
+      <div
+        class="wrapper options"
+        v-if="toggleOption"
+        v-click-outside="() => closeOption()"
+        @mouseleave="closeOption()"
+      >
+        <div
+          class="option"
+          v-for="option of options"
+          :class="{ selected: checked.includes(option.toString()) }"
+          @click="forceCheckUpdate(option.toString())"
+        >
+          <input
+            type="checkbox"
+            :id="option + '-input'"
+            v-model="checked"
+            :value="option"
+          />
+          <label>{{ option }}</label>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { PropType } from "vue";
+import { ref } from "vue";
+
+const checked = ref<string[]>([]);
+const toggleOption = ref<boolean>(false);
+const emits = defineEmits(["selectChange"]);
+
+defineProps({
+  options: {
+    type: Object as PropType<String[]>,
+    required: true,
+  },
+  placeHolder: String,
+});
+
+function forceCheckUpdate(option: string) {
+  if (checked.value.includes(option)) {
+    checked.value.splice(checked.value.indexOf(option), 1);
+  } else {
+    checked.value.push(option);
+  }
+  emits("selectChange", checked.value);
+}
+
+function openOption() {
+  toggleOption.value = true;
+}
+
+function closeOption() {
+  toggleOption.value = false;
+}
+</script>
+
+<style scoped lang="scss">
+@import "@assets/style.scss";
+.input-wrapper {
+  position: relative;
+  width: 240px;
+
+  .wrapper {
+    border: 1px solid var(--primary);
+    border-radius: 8px;
+    padding: 10px 19px;
+    background: var(--primary-background);
+
+    &.input {
+      display: flex;
+      align-content: center;
+      justify-content: space-between;
+
+      .selected-values {
+        overflow: hidden;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        max-width: 90%;
+
+        :not(:last-child):nth-child(n):after {
+          content: ",";
+        }
+
+        p {
+          white-space: nowrap;
+        }
+
+        span {
+          opacity: 0.5;
+        }
+      }
+
+      img {
+        width: 12px;
+
+        &.open {
+          transform: rotate(180deg);
+        }
+      }
+    }
+
+    &.options {
+      top: 46px;
+      left: 0;
+      right: 0;
+      position: absolute;
+      z-index: 99;
+      width: auto;
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+
+      .option {
+        padding: 10px;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        filter: brightness(0.8);
+
+        &:hover {
+          filter: brightness(1);
+        }
+
+        input[type="checkbox"] {
+          appearance: none;
+          border: 2px solid #c9ced6;
+          border-radius: 4px;
+          width: 20px;
+          height: 20px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          &:before {
+            content: "";
+            width: 10px;
+            transform: scale(0);
+            height: 10px;
+            background: var(--revert-text);
+            clip-path: polygon(
+              14% 44%,
+              0 65%,
+              50% 100%,
+              100% 16%,
+              80% 0%,
+              43% 62%
+            );
+            transform-origin: bottom left;
+          }
+
+          &:checked {
+            background: var(--main);
+            border: 2px solid var(--primary);
+
+            &:before {
+              transform: scale(1);
+            }
+          }
+        }
+
+        label {
+          color: var(--primary-text);
+        }
+
+        &.selected {
+          label {
+            color: var(--primary);
+          }
+        }
+      }
+    }
+  }
+}
+
+.v-leave-active,
+.v-enter-active {
+  transition: 0.2s ease;
+}
+
+.v-enter-from,
+.v-leave-to {
+  opacity: 0;
+}
+</style>
diff --git a/frontend/src/vue/form/SingleSelect.vue b/frontend/src/vue/form/SingleSelect.vue
new file mode 100644
index 00000000..59880deb
--- /dev/null
+++ b/frontend/src/vue/form/SingleSelect.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="input-global-wrapper" v-if="data.selectedValue">
+    <label v-if="label">{{ label }}</label>
+    <div :class="{ 'input-wrapper': true, disabled: lock,deploy:isOpen }" @click="isOpen=true">
+      <img :src="data.selectedValue.image" alt="flag"/>
+      <p>{{ data.selectedValue.display }}</p>
+    </div>
+    <transition>
+      <div class="dropdown" v-if="isOpen" @mouseleave="isOpen=false" v-click-outside="()=>isOpen = false">
+      <span v-for="option in data.data" @click="updateData(option)">
+         <img :src="option.image" alt="flag"/>
+          {{ option.display }}
+        </span>
+      </div>
+    </transition>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {computed, PropType, ref} from "vue";
+import {InputData, SingleSelectInterface} from "@/vue/form/Inputs.ts"
+
+const isOpen = ref<boolean>(false)
+const props = defineProps({
+  data: {type: Object as PropType<SingleSelectInterface>, required: true},
+  label: {type: String, required: false},
+  lock: {type: Boolean, required: false, default: () => false},
+});
+const emits = defineEmits(["update:data", "validate"]);
+
+const computedInput = computed({
+  get: (): SingleSelectInterface => props.data,
+  set: (value: SingleSelectInterface): void => {
+    emits("update:data", value);
+  },
+});
+
+function updateData(option: InputData) {
+  computedInput.value.selectedValue = option;
+  isOpen.value = false
+}
+
+</script>
+
+<style scoped lang="scss">
+.input-global-wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 9px;
+
+  .input-wrapper {
+    position: relative;
+    padding: 5px 10px;
+    border-radius: 5px;
+    border: 1px solid var(--white-10, rgba(255, 255, 255, 0.1));
+    background: var(--white-5, rgba(255, 255, 255, 0.05));
+    display: flex;
+    box-sizing: border-box;
+    align-items: center;
+    gap: 12px;
+    min-width: 250px;
+
+    &:after {
+      content: '>';
+      position: absolute;
+      top: 50%;
+      right: 10px;
+      transform: translate(-50%, -50%) rotate(-90deg);
+      color: var(--primary);
+      animation: all 200ms ease-in-out;
+      font-size: 20px;
+    }
+
+    &.deploy {
+      &:after {
+        transform: translate(-50%, -50%) rotate(90deg);
+      }
+    }
+
+    &.disabled {
+      cursor: no-drop;
+      background: rgba(23, 26, 33, 0.4);
+    }
+
+    select {
+      all: unset;
+      width: 100%;
+
+      option {
+        background: var(--primary-background);
+        padding: 4px;
+        width: 100%;
+
+        &:hover {
+          background: var(--secondary-background);
+        }
+      }
+    }
+
+    span.cross {
+      cursor: pointer;
+    }
+  }
+
+  .dropdown {
+    background: var(--secondary-background);
+    border: 1px solid rgba(255, 255, 255, 0.10);
+    position: absolute;
+    top: 70px;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    border-radius: 5px;
+    overflow: hidden;
+
+    span {
+      padding: 8px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+
+      &:hover {
+        background: var(--primary-background);
+      }
+    }
+  }
+}
+</style>
diff --git a/frontend/src/vue/templates/BannerTemplate.vue b/frontend/src/vue/templates/BannerTemplate.vue
index 95220dbf..9a5ed809 100644
--- a/frontend/src/vue/templates/BannerTemplate.vue
+++ b/frontend/src/vue/templates/BannerTemplate.vue
@@ -7,9 +7,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 <style scoped lang="scss">
 .header-wrapper {
@@ -18,7 +16,7 @@
   height: 120px;
   width: 100%;
   display: flex;
-
+  justify-content: center;
   .header {
     background: var(--secondary-background) url("@/assets/banners/lobby.png");
     background-size: cover;
@@ -27,4 +25,4 @@
     width: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>