feat(layout): 更新应用布局和UI组件样式

- 重构App.vue中的侧边栏布局，更新Logo设计为带有标识和副标题的新样式
- 调整顶部导航栏，增加标题区域显示当前路由标题和日期
- 修改菜单项配置，更新导航标签为更直观的中文描述
- 在Home.vue中替换原有的仪表板为新的Hero卡片和项目进展展示
- 更新Memory.vue中的学习界面，添加学习计划设置和多阶段学习模式
- 集成新的API端点路径，将baseURL从/api调整为/api/v1
- 调整整体视觉风格，包括颜色主题、字体家族和响应式布局
- 更新数据库模型以支持词库功能，添加相关的数据迁移和种子数据
- 调整认证系统的用户ID类型从整型到字符串的变更
- 更改前端构建工具从npm到pnpm，并更新相应的Dockerfile配置

PROTOTYPE.md

@@ -0,0 +1,39 @@
+# Memora 原型说明（基于 REQUIREMENTS.md）
+
+## 1. 信息架构
+- 登录：`/login`
+- 学习概览：`/`
+- 记忆模式（新词学习四阶段）：`/memory`
+- 复习模式（今日待复习队列）：`/review`
+- 学习统计：`/statistics`
+- 词库管理：`/words`
+- 偏好设置：`/settings`
+
+## 2. 核心流程原型
+1. 用户登录后进入仪表盘，看到今日任务和学习概览。
+2. 在「记忆模式」选择词库、每日目标、提醒时间，启动学习会话。
+3. 每个单词按四阶段完成：
+- 阶段一：英译中四选一（显示英文+例句）
+- 阶段二：中译英四选一（显示中文释义）
+- 阶段三：听音选词（播放音频）
+- 阶段四：听音拼写（输入拼写）
+4. 每题提交会写入学习结果，实时展示正确率、连对和耗时。
+5. 在「复习模式」按 SRS 队列完成当天复习，提交后动态更新掌握度和下次复习时间。
+
+## 3. 需求映射
+- 账户与身份：登录/注册 + JWT 保护路由
+- 学习流程：四阶段学习题型 + 会话统计
+- 复习调度：`GET /review/today` 获取今日队列，`POST /review/submit` 回写结果
+- 统计与反馈：仪表盘和统计页展示学习指标
+- 偏好设置：每日目标、提醒时间、词库选择
+
+## 4. API（已对齐 v1）
+- `POST /api/v1/auth/register`
+- `POST /api/v1/auth/login`
+- `GET /api/v1/words`
+- `GET /api/v1/words/:id`
+- `POST /api/v1/study/sessions`
+- `POST /api/v1/study/answers`
+- `GET /api/v1/review/today`
+- `POST /api/v1/review/submit`
+- `GET /api/v1/stats/overview`