refactor: migrate frontend from Vue 3 to React 19

- Replace Vue 3 with React 19
- Use TanStack Router and Query
- MoonShadow-inspired layout with sidebar navigation
- Lucide icons (stroke-width: 1.5)
- Framer Motion animations
- Theme support (dark/light)
- Vite 7 + pnpm build system

web/package.json

@@ -1,63 +1,34 @@
 {
-  "name": "web-ui",
+  "name": "taskpool-web",
   "private": true,
-  "version": "0.0.0",
+  "version": "1.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite --host 0.0.0.0",
-    "build": "vue-tsc -b && vite build",
+    "dev": "vite --host",
+    "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@fontsource-variable/inter": "^5.2.8",
-    "@fontsource-variable/jetbrains-mono": "^5.2.8",
-    "@guolao/vue-monaco-editor": "^1.6.0",
-    "@tailwindcss/vite": "^4.1.18",
-    "@tanstack/vue-table": "^8.21.3",
-    "@vueuse/core": "^14.1.0",
-    "@xterm/addon-fit": "^0.10.0",
+    "@tanstack/react-query": "^5.80.0",
+    "@tanstack/react-router": "^1.120.0",
+    "@tanstack/react-table": "^8.21.0",
     "@xterm/xterm": "^5.5.0",
-    "ansi-to-html": "^0.7.2",
-    "ansi-to-vue3": "^0.1.2",
-    "apexcharts": "^5.3.6",
-    "chart.js": "^4.5.1",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cronstrue": "^3.14.0",
-    "date-fns": "^4.1.0",
-    "fzstd": "^0.1.1",
-    "lucide-react": "^0.562.0",
-    "lucide-vue-next": "^0.562.0",
-    "monaco-editor": "^0.52.0",
-    "pako": "^2.1.0",
-    "radix-vue": "^1.9.17",
-    "reka-ui": "^2.6.1",
-    "tailwind-merge": "^3.4.0",
-    "tailwindcss": "^4.1.18",
-    "vaul-vue": "^0.4.1",
-    "vue": "^3.5.24",
-    "vue-chartjs": "^5.3.3",
-    "vue-router": "^4.6.4",
-    "vue-sonner": "^2.0.9",
-    "vue3-apexcharts": "^1.10.0",
-    "xterm": "^5.3.0"
+    "framer-motion": "^12.0.0",
+    "lucide-react": "^0.525.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "recharts": "^2.15.0",
+    "zustand": "^5.0.0"
   },
   "devDependencies": {
-    "@types/node": "^24.10.1",
-    "@types/pako": "^2.0.4",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vue/tsconfig": "^0.8.1",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "~5.9.3",
-    "vite": "^7.3.5",
-    "vite-plugin-pwa": "^1.2.0",
-    "vite-plugin-static-copy": "^2.3.0",
-    "vue-tsc": "^3.1.4"
-  },
-  "overrides": {
-    "vite-plugin-static-copy": {
-      "vite": "$vite"
-    },
-    "esbuild": "^0.28.1"
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "^6.0.3",
+    "autoprefixer": "^10.4.0",
+    "postcss": "^8.5.0",
+    "tailwindcss": "^4.1.0",
+    "typescript": "^5.9.0",
+    "vite": "^8.1.5"
   }
 }