refactor(web): migrate from Next.js to Vite + React Router (#2102)

* refactor(web): migrate from Next.js to Vite + React Router

* fix: update build pipelines for Vite migration (out → dist)

- Dockerfile: npm run build → npx vite build, web/out → web/dist
- pyproject.toml: package-data web/out/** → web/dist/**
- paths.py: support both web/dist (Vite) and web/out (legacy) with fallback

* fix: remove .next from git tracking, add to .gitignore

1334 cached files from web/.next/ were accidentally committed.
Added .next/ to both root and web/.gitignore.

* fix: update build process to use Vite and correct output directory

* fix: update pnpm-lock.yaml and eslint config for Vite migration

* style: fix prettier formatting issues

* fix: add eslint-plugin-react-hooks for Vite migration

* fix: remove undefined eslint rule reference, downgrade react-hooks plugin to v5

* fix(web): clean up remaining Next.js artifacts in Vite migration

- Add vite-env.d.ts for import.meta.env and asset type declarations
- Remove dead layout.tsx (providers already in main.tsx)
- Fix useSearchParams destructuring to [searchParams] tuple (11 locations)
- Replace process.env.NEXT_PUBLIC_* with import.meta.env.VITE_*
- Fix langbotIcon.src to langbotIcon (Vite returns URL string)
- Fix Link href to Link to for react-router-dom
- Fix navigate({ scroll: false }) to { preventScrollReset: true }
- Fix [router] dependency arrays to [navigate]
- Remove Next.js plugin from tsconfig, set rsc: false in components.json
- Replace next lint with eslint in lint-staged

* feat: add tools API endpoint and tools-selector form type

Backend:
- Add GET /api/v1/tools — list all available tools (plugin + MCP)
- Add GET /api/v1/tools/<tool_name> — get specific tool details

Frontend:
- Add TOOLS_SELECTOR form type for plugin config forms
- Multi-select dialog with tool name and description
- Add PluginTool entity type and API client methods

* Revert "feat: add tools API endpoint and tools-selector form type"

This reverts commit 3c637fc563.

web/src/app/login/page.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import {
@@ -22,12 +21,12 @@ import {
 } from '@/components/ui/form';
 import { useEffect, useState } from 'react';
 import { httpClient, initializeUserInfo } from '@/app/infra/http';
-import { useRouter } from 'next/navigation';
+import { useNavigate } from 'react-router-dom';
 import { Mail, Lock, Loader2, AlertCircle, RefreshCw } from 'lucide-react';
 import langbotIcon from '@/app/assets/langbot-logo.webp';
 import { toast } from 'sonner';
 import { useTranslation } from 'react-i18next';
-import Link from 'next/link';
+import { Link } from 'react-router-dom';
 import { ThemeToggle } from '@/components/ui/theme-toggle';
 import { LoadingSpinner } from '@/components/ui/loading-spinner';
 
@@ -40,7 +39,7 @@ const formSchema = (t: (key: string) => string) =>
 type AccountType = 'local' | 'space';
 
 export default function Login() {
-  const router = useRouter();
+  const navigate = useNavigate();
   const { t } = useTranslation();
   const [spaceLoading, setSpaceLoading] = useState(false);
   const [accountType, setAccountType] = useState<AccountType | null>(null);
@@ -66,7 +65,7 @@ export default function Login() {
       setLoadError(null);
       const res = await httpClient.getAccountInfo();
       if (!res.initialized) {
-        router.push('/register');
+        navigate('/register');
         return;
       }
       setAccountType(res.account_type || 'local');
@@ -97,7 +96,7 @@ export default function Login() {
       .then((res) => {
         if (res.token) {
           localStorage.setItem('token', res.token);
-          router.push('/home');
+          navigate('/home');
         }
       })
       .catch(() => {});
@@ -114,7 +113,7 @@ export default function Login() {
         localStorage.setItem('token', res.token);
         localStorage.setItem('userEmail', username);
         await initializeUserInfo();
-        router.push('/home');
+        navigate('/home');
         toast.success(t('common.loginSuccess'));
       })
       .catch(() => {
@@ -154,7 +153,7 @@ export default function Login() {
               <LanguageSelector />
             </div>
             <img
-              src={langbotIcon.src}
+              src={langbotIcon}
               alt="LangBot"
               className="w-16 h-16 mb-4 mx-auto"
             />
@@ -205,7 +204,7 @@ export default function Login() {
             <LanguageSelector />
           </div>
           <img
-            src={langbotIcon.src}
+            src={langbotIcon}
             alt="LangBot"
             className="w-16 h-16 mb-4 mx-auto"
           />
@@ -313,7 +312,7 @@ export default function Login() {
                       <div className="flex justify-between">
                         <FormLabel>{t('common.password')}</FormLabel>
                         <Link
-                          href="/reset-password"
+                          to="/reset-password"
                           className="text-sm text-blue-500"
                         >
                           {t('common.forgotPassword')}