feat: 实现需求管理、加班记录、成员/角色管理模块

- 需求模块：完整 CRUD、状态流转（采纳/拒绝/关闭）、详情抽屉、产品→项目级联选择
- 加班记录：产品→项目→版本三级联动、月份筛选（MonthPicker）、CSV 导出
- 成员管理：左右布局（部门树+成员列表）、手机号脱敏、初始密码自动生成及规则设置
- 角色管理：卡片列表、系统角色保护、CRUD
- 通用组件：FilterSelect 下拉、MonthPicker 月份选择器、Pagination 分页
- 样式统一：状态标签加 border、日期输入现代化、筛选组件风格一致

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

apps/web/components/product/RequirementStatusBadge.tsx

@@ -1,26 +1,16 @@
 'use client';
 
-import { RequirementStatus } from '@ftb/shared';
-import { REQUIREMENT_STATUS_LABEL } from '@/lib/constants';
+import type { RequirementStatus } from '@/lib/requirement';
+import { REQ_STATUS_LABEL, REQ_STATUS_COLOR } from '@/lib/requirement';
 
 interface Props {
   status: RequirementStatus;
 }
 
-const STATUS_STYLES: Record<RequirementStatus, string> = {
-  [RequirementStatus.DRAFT]: 'bg-zinc-100 text-zinc-700 ring-zinc-200',
-  [RequirementStatus.REVIEWING]: 'bg-blue-50 text-blue-700 ring-blue-200',
-  [RequirementStatus.APPROVED]: 'bg-emerald-50 text-emerald-700 ring-emerald-200',
-  [RequirementStatus.REJECTED]: 'bg-red-50 text-red-700 ring-red-200',
-  [RequirementStatus.DELIVERED]: 'bg-violet-50 text-violet-700 ring-violet-200',
-};
-
 export function RequirementStatusBadge({ status }: Props) {
   return (
-    <span
-      className={`inline-flex items-center rounded-md px-1.5 py-0.5 text-[11px] font-medium ring-1 ring-inset ${STATUS_STYLES[status]}`}
-    >
-      {REQUIREMENT_STATUS_LABEL[status]}
+    <span className={`inline-flex items-center rounded-md px-1.5 py-0.5 text-[11px] font-medium ${REQ_STATUS_COLOR[status]}`}>
+      {REQ_STATUS_LABEL[status]}
     </span>
   );
 }