现在我来创建：1. 审批通知类型定义 2. 审批详情页面组件 3. 更新顶部头部的通知铃铛

现在更新顶部头部组件，添加通知下拉菜单：

现在更新主页面以支持打开审批详情页面：

已完成审批功能的添加：

1. 审批详情页面 (approval-detail-page.tsx)：

   • 显示审批单据的完整信息：类型、标题、描述、金额、目标地址等
   • 左侧显示请求详情和审批操作（批准/拒绝按钮、备注输入）
   • 右侧显示发起人信息、审批进度、时间线
   • 审批进度以卡片形式展示每个审批人的状态

2. 通知铃铛功能 (top-header.tsx)：

   • 铃铛图标右上角显示未读通知数量
   • 点击铃铛展开通知下拉菜单
   • 显示待审批通知列表，包含图标、标题、消息、时间
   • 未读通知有高亮样式和小圆点标记
   • 支持"全部标为已读"功能
   • 点击通知跳转到审批详情页面

现在我需要更新审批详情页面，根据5种不同场景显示不同的内容。我会创建一个更灵活的组件，支持所有5种审批场景：

现在更新通知组件，让通知项可以跳转到不同类型的审批详情页面：

现在更新 top-header.tsx 以支持传递审批类型：

现在更新主页面以支持不同类型的审批详情：

已完成 5 种审批场景的详情页面。每种场景有不同的内容展示：

1. 出金/提现 (法币&数币) - 显示提现金额、资产类型、目标地址/名称、网络信息、手续费等
2. 提币白名单更新 - 显示添加/删除操作类型标识、新增地址、地址标签、支持的资产类型
3. 资金划转 - 显示划转金额，以及源账户与目标账户的双向卡片布局
4. 添加新成员 - 显示新成员头像卡片、姓名、邮箱、分配角色、访问级别、关联组合
5. 创建 API Key - 显示 API Key 名称、申请权限列表（带勾选图标）、IP 白名单

通知铃铛现在可以点击不同类型的通知，跳转到对应的审批详情页面。