refactor(web): React 最佳实践优化 — memo/callback + 目录边界 + 路由增强

- useLogger: useMemo + JSON.stringify 替代 useState 派生
- useIsDark: effectiveTheme 替代 token 色值比较
- useCurrentProject: layouts/ 提升到 shared/hooks/
- ConsoleShell: locale useMemo 缓存
- ConsoleOutlet: 添加 Suspense 边界
- routes: 添加 layout 级 errorElement
- Table 组件: operationColumn useMemo + useCallback
- ChatPanel: footer 合并为 useCallback, props 传入模型数据
- ChatPage: textModels/conversations useMemo 缓存

src/web/shared/components/ConsoleShell/ConsoleShell.tsx

@@ -3,6 +3,7 @@ import { XProvider } from "@ant-design/x";
 import zhCN_X from "@ant-design/x/locale/zh_CN";
 import { App as AntApp, Layout, Segmented, theme } from "antd";
 import zhCN from "antd/locale/zh_CN";
+import { useMemo } from "react";
 
 import type { ConsoleShellProps } from "./types";
 
@@ -28,9 +29,10 @@ export function ConsoleShell({ headerExtra, menuItems, title }: ConsoleShellProp
 
   const versionDisplay = meta?.version ? `v${meta.version}` : null;
   const themeAlgorithm = effectiveTheme === "dark" ? theme.darkAlgorithm : theme.defaultAlgorithm;
+  const locale = useMemo(() => ({ ...zhCN, ...zhCN_X }), []);
 
   return (
-    <XProvider locale={{ ...zhCN, ...zhCN_X }} theme={{ algorithm: themeAlgorithm }}>
+    <XProvider locale={locale} theme={{ algorithm: themeAlgorithm }}>
       <AntApp>
         <Layout className="app-layout">
           <Header className="app-header">