refactor: 优化代码结构并修复类型问题

- 移除未使用的TabPane组件
- 修复类型定义和导入方式
- 优化mock数据源的环境变量判断逻辑
- 更新文档结构并归档旧文件
- 添加新的UI组件和Memo组件
- 调整API路径和响应处理

dashboard/src/router.tsx

@@ -1,30 +1,35 @@
-import React from 'react';
+import React, { lazy, Suspense } from 'react';
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
-import OperationAgent from './pages/OperationAgent';
-import Homepage from './pages/Homepage';
-import Pricing from './pages/Pricing';
-import CaseStudy from './pages/CaseStudy';
-import LoginPage from './pages/Auth/LoginPage';
-import RegisterPage from './pages/Auth/RegisterPage';
+import LoadingState from './components/ui/LoadingState';
+
+// 使用React.lazy实现组件懒加载
+const OperationAgent = lazy(() => import('./pages/OperationAgent'));
+const Homepage = lazy(() => import('./pages/Homepage'));
+const Pricing = lazy(() => import('./pages/Pricing'));
+const CaseStudy = lazy(() => import('./pages/CaseStudy'));
+const LoginPage = lazy(() => import('./pages/Auth/LoginPage'));
+const RegisterPage = lazy(() => import('./pages/Auth/RegisterPage'));
 
 const AppRouter: React.FC = () => {
   return (
     <Router>
-      <Routes>
-        {/* 首页商业化路由 */}
-        <Route path="/" element={<Homepage />} />
-        <Route path="/pricing" element={<Pricing />} />
-        <Route path="/case-study" element={<CaseStudy />} />
-        <Route path="/case-study/:id" element={<CaseStudy />} />
-        
-        {/* 认证路由 */}
-        <Route path="/auth/login" element={<LoginPage />} />
-        <Route path="/auth/register" element={<RegisterPage />} />
-        
-        {/* 后台路由 */}
-        <Route path="/operation-agent" element={<OperationAgent />} />
-        <Route path="/dashboard" element={<OperationAgent />} />
-      </Routes>
+      <Suspense fallback={<LoadingState fullScreen={true} />}>
+        <Routes>
+          {/* 首页商业化路由 */}
+          <Route path="/" element={<Homepage />} />
+          <Route path="/pricing" element={<Pricing />} />
+          <Route path="/case-study" element={<CaseStudy />} />
+          <Route path="/case-study/:id" element={<CaseStudy />} />
+          
+          {/* 认证路由 */}
+          <Route path="/auth/login" element={<LoginPage />} />
+          <Route path="/auth/register" element={<RegisterPage />} />
+          
+          {/* 后台路由 */}
+          <Route path="/operation-agent" element={<OperationAgent />} />
+          <Route path="/dashboard" element={<OperationAgent />} />
+        </Routes>
+      </Suspense>
     </Router>
   );
 };