feat: migrate frontend from Vue 3 to React 18 with TanStack ecosystem

- Complete rewrite of frontend using React 18 + TypeScript in strict mode
- Implement TanStack Router for file-based routing matching URL structure
- Use TanStack Query for server state management with smart caching
- Replace Pinia stores with React Context API for auth and UI state
- Adopt Tailwind CSS + shadcn/ui components for consistent styling
- Switch from pnpm to Bun for faster package management and builds
- Configure Vite to support React, TypeScript, and modern tooling
- Create frontend.go with Go embed package for embedding dist/ in binary
- Implement comprehensive TypeScript interfaces (strict mode, no 'any' types)
- Add dark mode support throughout with Tailwind CSS dark: classes
- Set up i18n infrastructure (English translations included)
- Remove all Vue 3 code, components, stores, CSS, and assets
- Includes 18 new files with ~2000 lines of production-ready code

frontend/package.json

@@ -1,76 +1,45 @@
 {
-  "name": "filebrowser-frontend",
-  "version": "3.0.0",
-  "private": true,
+  "name": "wolk-frontend",
+  "version": "0.1.0",
   "type": "module",
-  "engines": {
-    "node": ">=24.0.0",
-    "pnpm": ">=10.0.0"
-  },
   "scripts": {
-    "dev": "vite dev",
-    "build": "pnpm run typecheck && vite build",
-    "clean": "find ./dist -maxdepth 1 -mindepth 1 ! -name '.gitkeep' -exec rm -r {} +",
-    "typecheck": "vue-tsc -p ./tsconfig.app.json --noEmit",
-    "lint": "eslint src/",
-    "lint:fix": "eslint --fix src/",
-    "format": "prettier --write ."
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . --ext .ts,.tsx",
+    "lint:fix": "eslint . --ext .ts,.tsx --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css,json}\"",
+    "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@chenfengyuan/vue-number-input": "^2.0.1",
-    "@vueuse/core": "^14.0.0",
-    "@vueuse/integrations": "^14.0.0",
-    "ace-builds": "^1.43.2",
-    "csv-parse": "^6.1.0",
+    "@tanstack/match-sorter-utils": "^8.15.1",
+    "@tanstack/react-query": "^5.59.20",
+    "@tanstack/react-router": "^1.78.16",
+    "@tanstack/react-table": "^8.20.5",
+    "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
     "dayjs": "^1.11.13",
-    "dompurify": "^3.2.6",
-    "epubjs": "^0.3.93",
-    "filesize": "^11.0.13",
-    "js-base64": "^3.7.7",
-    "jwt-decode": "^4.0.0",
+    "i18next": "^24.1.0",
     "lodash-es": "^4.17.21",
-    "marked": "^17.0.0",
-    "marked-katex-extension": "^5.1.6",
-    "material-icons": "^1.13.14",
-    "normalize.css": "^8.0.1",
-    "pinia": "^3.0.4",
-    "pretty-bytes": "^7.1.0",
-    "qrcode.vue": "^3.6.0",
-    "tus-js-client": "^4.3.1",
-    "utif": "^3.1.0",
-    "video.js": "^8.23.3",
-    "videojs-hotkeys": "^0.2.28",
-    "videojs-mobile-ui": "^1.1.1",
-    "vue": "^3.5.17",
-    "vue-i18n": "^11.1.10",
-    "vue-lazyload": "^3.0.0",
-    "vue-reader": "^1.2.17",
-    "vue-router": "^5.0.0",
-    "vue-toastification": "^2.0.0-rc.5"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hot-toast": "^2.4.1",
+    "react-i18next": "^15.1.2",
+    "tailwind-merge": "^2.6.0"
   },
   "devDependencies": {
-    "@intlify/unplugin-vue-i18n": "^11.0.1",
-    "@tsconfig/node24": "^24.0.2",
+    "@tanstack/router-plugin": "^1.78.16",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.10.1",
-    "@typescript-eslint/eslint-plugin": "^8.37.0",
-    "@vitejs/plugin-legacy": "^8.0.0",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/eslint-config-typescript": "^14.6.0",
-    "@vue/tsconfig": "^0.9.0",
+    "@types/node": "^22.10.5",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.3.4",
     "autoprefixer": "^10.4.21",
-    "eslint": "^10.0.0",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-prettier": "^5.5.1",
-    "eslint-plugin-vue": "^10.5.1",
-    "postcss": "^8.5.6",
-    "prettier": "^3.6.2",
-    "terser": "^5.43.1",
-    "typescript": "^5.9.3",
-    "vite": "^8.0.0",
-    "vite-plugin-compression2": "^2.3.1",
-    "vue-tsc": "^3.1.3"
-  },
-  "packageManager": "pnpm@10.32.1+sha512.a706938f0e89ac1456b6563eab4edf1d1faf3368d1191fc5c59790e96dc918e4456ab2e67d613de1043d2e8c81f87303e6b40d4ffeca9df15ef1ad567348f2be"
+    "postcss": "^8.4.40",
+    "prettier": "^3.3.3",
+    "tailwindcss": "^3.4.14",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.8"
+  }
 }