adding gui for the application

package.json

@@ -10,22 +10,18 @@
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "react-router": "^8.4.0",
-    "react-scripts": "5.0.1",
     "sass": "^1.104.1",
     "web-vitals": "^2.1.4",
     "zustand": "^5.0.15"
   },
   "scripts": {
-    "dev": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier . --write",
+    "format:check": "prettier . --check",
+    "preview": "vite preview"
   },
   "browserslist": {
     "production": [
@@ -40,7 +36,19 @@
     ]
   },
   "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^5.0.0",
+    "eslint": "^10.10.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.7",
+    "globals": "^17.12.0",
     "identity-obj-proxy": "^3.0.0",
-    "typescript": "4.9.5"
+    "prettier": "^3.9.7",
+    "typescript": "^6.0.0",
+    "typescript-eslint": "^8.70.0",
+    "vite": "^7.0.0"
   }
 }