feat: 完善项目架构并增强分析页面功能

- 新增项目文档和 Docker 配置
  - 添加 README.md 和 TODO.md 项目文档
  - 为各服务添加 Dockerfile 和 docker-compose 配置

- 重构后端架构
  - 新增 adapter 层（HTTP/Python 适配器）
  - 新增 repository 层（数据访问抽象）
  - 新增 router 模块统一管理路由
  - 新增账单处理 handler

- 扩展前端 UI 组件库
  - 新增 Calendar、DateRangePicker、Drawer、Popover 等组件
  - 集成 shadcn-svelte 组件库

- 增强分析页面功能
  - 添加时间范围筛选器（支持本月默认值）
  - 修复 DateRangePicker 默认值显示问题
  - 优化数据获取和展示逻辑

- 完善分析器服务
  - 新增 FastAPI 服务接口
  - 改进账单清理器实现

web/src/lib/components/analysis/TopExpenses.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import * as Card from '$lib/components/ui/card';
-  import * as Dialog from '$lib/components/ui/dialog';
+  import * as Drawer from '$lib/components/ui/drawer';
   import * as Select from '$lib/components/ui/select';
   import { Button } from '$lib/components/ui/button';
   import { Input } from '$lib/components/ui/input';
@@ -134,10 +134,10 @@
 </Card.Root>
 
 <!-- 账单详情弹窗 -->
-<Dialog.Root bind:open={dialogOpen}>
-  <Dialog.Content class="sm:max-w-[450px]">
-    <Dialog.Header>
-      <Dialog.Title class="flex items-center gap-2">
+<Drawer.Root bind:open={dialogOpen}>
+  <Drawer.Content class="sm:max-w-[450px]">
+    <Drawer.Header>
+      <Drawer.Title class="flex items-center gap-2">
         <Receipt class="h-5 w-5" />
         {isEditing ? '编辑账单' : '账单详情'}
         {#if selectedRank <= 3 && !isEditing}
@@ -149,16 +149,16 @@
             Top {selectedRank}
           </span>
         {/if}
-      </Dialog.Title>
-      <Dialog.Description>
+      </Drawer.Title>
+      <Drawer.Description>
         {isEditing ? '修改这笔支出的信息' : '查看这笔支出的完整信息'}
-      </Dialog.Description>
-    </Dialog.Header>
+      </Drawer.Description>
+    </Drawer.Header>
     
     {#if selectedRecord}
       {#if isEditing}
         <!-- 编辑模式 -->
-        <div class="py-4 space-y-4">
+        <div class="py-4 space-y-4 px-4 md:px-0">
           <div class="space-y-2">
             <Label for="amount">金额</Label>
             <div class="relative">
@@ -206,7 +206,7 @@
         </div>
       {:else}
         <!-- 查看模式 -->
-        <div class="py-4 space-y-4">
+        <div class="py-4 space-y-4 px-4 md:px-0">
           <!-- 金额 -->
           <div class="text-center py-4 bg-red-50 dark:bg-red-950/30 rounded-lg">
             <p class="text-sm text-muted-foreground mb-1">支出金额</p>
@@ -265,7 +265,7 @@
       {/if}
     {/if}
     
-    <Dialog.Footer class="flex gap-2">
+    <Drawer.Footer class="flex gap-2">
       {#if isEditing}
         <Button variant="outline" onclick={cancelEdit}>
           <X class="h-4 w-4 mr-2" />
@@ -284,6 +284,6 @@
           编辑
         </Button>
       {/if}
-    </Dialog.Footer>
-  </Dialog.Content>
-</Dialog.Root>
+    </Drawer.Footer>
+  </Drawer.Content>
+</Drawer.Root>