feat: 现代化 UI 布局，实现侧边栏导航和统计仪表盘

- 重构 AppLayout 为可折叠侧边栏导航布局
- 实现统计仪表盘：统计摘要卡片 + 请求趋势图表
- Provider 页面使用 Card 包裹优化视觉层次
- 主题切换按钮移至侧边栏底部，支持折叠态
- Header 适配暗色主题，添加分隔线优化视觉过渡
- 添加全局样式重置（SCSS）
- 完善组件测试和 E2E 测试覆盖
- 同步 OpenSpec 规范到主 specs

frontend/src/pages/Providers/ProviderTable.tsx

@@ -1,4 +1,4 @@
-import { Button, Table, Tag, Popconfirm, Space } from 'antd';
+import { Button, Table, Tag, Popconfirm, Space, Card } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 import type { Provider, Model } from '@/types';
 import { ModelTable } from './ModelTable';
@@ -78,13 +78,14 @@ export function ProviderTable({
   ];
 
   return (
-    <>
-      <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 16 }}>
-        <h2 style={{ margin: 0 }}>供应商列表</h2>
+    <Card
+      title="供应商列表"
+      extra={
         <Button type="primary" onClick={onAdd}>
           添加供应商
         </Button>
-      </div>
+      }
+    >
       <Table<Provider>
         columns={columns}
         dataSource={providers}
@@ -101,6 +102,6 @@ export function ProviderTable({
         }}
         pagination={false}
       />
-    </>
+    </Card>
   );
 }