feat(projects): 重构项目详情页 — 胶囊分段条、紧凑人员卡片、版本筛选

- 用胶囊分段条替代圆点流水线，合并阶段+进度+耗时为一体
- 版本状态标签与胶囊当前阶段联动（如"开发中"对应开发阶段）
- 已发布版本可展开查看各阶段耗时胶囊条
- 项目人员区域紧凑化，超出4人省略+hover tooltip
- 版本记录增加按阶段筛选（调研/产品设计/UI设计/开发/联调/测试/已发布/规划中）
- 全局详情页左右留白统一为 px-5
- 修复 localStorage 缓存导致人员数据不显示的问题
- "需求"阶段更名为"调研"

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/web/app/products/[id]/page.tsx

@@ -134,7 +134,7 @@ export default function ProductDetailPage() {
       </div>
 
       <div className="flex-1 overflow-y-auto">
-        <div className="mx-auto max-w-[1400px] p-6">
+        <div className="p-5">
           {editingProduct && (
             <div className="mb-5 rounded-2xl border border-[var(--line)] bg-[var(--bg-card)] p-6 shadow-[var(--shadow-sm)]">
               <h3 className="mb-4 text-[14px] font-semibold text-[var(--ink)]">编辑产品</h3>