📝 docs(architecture): update UI directory structure documentation

- 更新hooks目录结构，移除use-api.ts、use-auth.ts和use-query.ts，添加use-mobile.ts
- 调整工具函数目录结构，将lib/utils.ts移至utils目录
- 添加utils/logger.ts和utils/ClientOnly.tsx文件说明
- 更新src/hooks目录结构，添加use-mobile.ts移动端检测hook说明

docs/ui-architecture.md

@@ -80,13 +80,13 @@ d8d-starter/
 │   │   │   ├── layout/         # 布局组件
 │   │   │   └── shared/         # 业务共享组件
 │   │   ├── hooks/              # 共享React Hooks
-│   │   │   ├── use-api.ts      # API调用hook
-│   │   │   ├── use-auth.ts     # 认证hook
-│   │   │   └── use-query.ts    # React Query封装
+│   │   │   └── use-mobile.ts   # 移动端检测hook
 │   │   ├── lib/                # 工具库
+│   │   │   └── utils.ts        # className工具函数 (cn)
+│   │   ├── utils/              # 工具函数目录
 │   │   │   ├── utils.ts        # 通用工具函数
-│   │   │   ├── cn.ts           # className工具
-│   │   │   └── validators.ts   # 表单验证器
+│   │   │   ├── logger.ts       # 日志工具
+│   │   │   └── ClientOnly.tsx  # 客户端渲染组件
 │   │   ├── types/              # 前端类型定义
 │   │   │   ├── api.ts          # API响应类型
 │   │   │   ├── forms.ts        # 表单数据类型
@@ -203,6 +203,8 @@ src/
 │   ├── home/
 │   │   └── hooks/
 │   │       └── AuthProvider.tsx    # 用户前台认证上下文
+│   ├── hooks/
+│   │   └── use-mobile.ts           # 共享移动端检测hook
 │   └── api.ts                      # API客户端配置
 ```