feat: 实现前端认证系统，WebSocket 连接携带 JWT token

- 新增 AuthContext/AuthProvider：登录/注册状态管理，JWT 自动刷新
- 新增 AuthPage 组件：登录/注册表单，支持模式切换和前端校验
- 新增 api.ts：封装 auth REST API 客户端（register/login/refresh/logout）
- WebSocket 连接时拼接 ?token=<jwt>，重连自动携带
- useVisionSession 接受 accessToken 参数并透传
- App.tsx 包裹 AuthProvider，未登录时显示登录页
- storage.ts 新增 token/user 的 localStorage 存储
- i18n 新增中/英/日三语 auth 翻译
- App.css 新增 auth 页面和用户 badge 样式

frontend/src/hooks/useVisionSession.ts

@@ -29,7 +29,7 @@ export interface SessionStats {
   totalTokens: number;
 }
 
-export function useVisionSession() {
+export function useVisionSession(accessToken?: string | null) {
   const { t } = useI18n();
   const [messages, setMessages] = useState<ChatMessage[]>([]);
   const [currentReply, setCurrentReply] = useState<string>("");
@@ -316,7 +316,7 @@ export function useVisionSession() {
   const startSession = useCallback(async () => {
     // 1. 确保 WebSocket 已连接
     if (statusRef.current !== "connected") {
-      connect();
+      connect(accessToken || undefined);
       // 等待连接完成（通过 status 变化触发后续流程，这里直接继续）
     }
 
@@ -337,7 +337,7 @@ export function useVisionSession() {
     } else {
       console.warn("[Session] 无法获取麦克风权限，将以文本输入模式运行");
     }
-  }, [startCamera, startMic, connect, startVAD]);
+  }, [startCamera, startMic, connect, startVAD, accessToken]);
 
   /** 结束会话 */
   const stopSession = useCallback(async () => {
@@ -425,7 +425,7 @@ export function useVisionSession() {
           { role: "user", content: text.trim(), timestamp: Date.now() }],
         );
         // 自动连接 WebSocket
-        connect();
+        connect(accessToken || undefined);
         return;
       }
 
@@ -453,7 +453,7 @@ export function useVisionSession() {
 
       setIsProcessing(true);
     },
-    [captureFrame, send, connect],
+    [captureFrame, send, connect, accessToken],
   );
 
   return {