feat(phase2a): 前台联系人页面 + 管理端在线监控/好友管理 + API 文档

前台联系人模块（ui-ux-pro-max 规范）：
- contact/index.vue: 好友列表（搜索/在线状态/骨架屏）
- contact/request.vue: 好友申请列表（接受/拒绝/防重复提交）
- contact/detail.vue: 好友详情（备注/分组/拉黑/删除）
- contact/search.vue: 搜索添加好友 + 好友推荐
- contact/groups.vue: 好友分组管理（CRUD）
- contact/blacklist.vue: 黑名单管理

管理端前端：
- views/monitor/online.vue: 在线监控（统计卡片/用户表格/30s 自动刷新）
- views/contact/list.vue: 好友关系管理（分页表格/强制删除）
- api/monitor.js + api/contact.js: 管理端 API 封装
- 路由 + 侧边栏导航更新

API 文档（4 份）：
- docs/api/frontend/contact.md: 17 个接口完整文档
- docs/api/frontend/websocket.md: 前端 WS 事件协议
- docs/api/admin/online.md: 在线监控 API
- docs/api/admin/contact.md: 好友管理 API

进度文档更新至 Phase 2a 全部完成

Made-with: Cursor

admin/src/router/index.js

@@ -44,6 +44,18 @@ const routes = [
         name: 'UserDetail',
         component: () => import('@/views/user/detail.vue'),
         meta: { title: '用户详情' }
+      },
+      {
+        path: 'monitor/online',
+        name: 'OnlineMonitor',
+        component: () => import('@/views/monitor/online.vue'),
+        meta: { title: '在线监控' }
+      },
+      {
+        path: 'contact/list',
+        name: 'ContactManage',
+        component: () => import('@/views/contact/list.vue'),
+        meta: { title: '好友管理' }
       }
     ]
   }