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

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

frontend/e2e/providers.spec.ts

@@ -28,11 +28,11 @@ test.describe('供应商管理', () => {
     await expect(page.getByRole('button', { name: '添加供应商' })).toBeVisible();
   });
 
-  test('应通过顶部导航切换页面', async ({ page }) => {
-    await page.getByText('用量统计').click();
+  test('应通过侧边栏导航切换页面', async ({ page }) => {
+    await page.locator('.ant-layout-sider').getByText('用量统计').click();
     await expect(page.getByRole('heading', { name: '用量统计' })).toBeVisible();
 
-    await page.getByText('供应商管理').click();
+    await page.locator('.ant-layout-sider').getByText('供应商管理').click();
     await expect(page.getByRole('heading', { name: '供应商管理' })).toBeVisible();
   });