refactor: 架构重构 - 解耦过度耦合模块

主要改动:
1. 创建乐观更新工具函数 (optimisticUpdate.ts)
   - 消除 userStore.ts 中的重复代码

2. 拆分 useResponsive.ts (485行 -> 12个专注模块)
   - useBreakpoint: 断点检测
   - useOrientation: 方向检测
   - usePlatform: 平台检测
   - useScreenSize: 屏幕尺寸
   - useResponsiveValue: 响应式值
   - useResponsiveStyle: 响应式样式
   - useMediaQuery: 媒体查询
   - useColumnCount: 列数计算
   - useResponsiveSpacing: 响应式间距

3. 整理数据层 (Repository 层)
   - ApiDataSource: API数据源
   - LocalDataSource: 本地数据源
   - CacheDataSource: 缓存数据源
   - MessageRepository: 消息仓库

4. 重构 messageManager.ts (2194行 -> 4个模块)
   - MessageStateManager: 状态管理
   - WebSocketMessageHandler: WebSocket处理
   - MessageSyncService: 消息同步
   - ReadReceiptManager: 已读管理

5. 导航解耦 (MainNavigator.tsx: 1118行 -> 100行)
   - 创建 NavigationService 解耦层
   - 拆分多个 Navigator 组件

架构改进:
- 单一职责原则: 每个模块职责明确
- 依赖倒置: 通过接口解耦
- 代码复用: 工具函数可被多处使用
- 可测试性: 各模块可独立测试

src/hooks/index.ts

@@ -2,31 +2,66 @@
  * Hooks 导出
  */
 
-// 响应式相关 Hooks
+// ==================== 新的响应式 Hooks (推荐) ====================
 export {
-  useResponsive,
-  BREAKPOINTS,
-  FINE_BREAKPOINTS,
-  useResponsiveValue,
-  useResponsiveStyle,
+  // 核心 hooks
+  useBreakpoint,
+  useFineBreakpoint,
   useBreakpointGTE,
   useBreakpointLT,
   useBreakpointBetween,
+  useScreenSize,
+  useWindowDimensions,
+  useOrientation,
   usePlatform,
   useMediaQuery,
+  useResponsiveValue,
+  useResponsiveStyle,
   useColumnCount,
   useResponsiveSpacing,
+  // 兼容层
+  useResponsive,
+  useLegacyResponsive,
+  // 工具函数
+  getBreakpoint,
+  getFineBreakpoint,
   isBreakpointGTE,
   isBreakpointLT,
-} from './useResponsive';
+  isBreakpointBetween,
+  // 常量
+  BREAKPOINTS,
+  FINE_BREAKPOINTS,
+} from '../presentation/hooks/responsive';
+
 export type {
-  ResponsiveInfo,
   BreakpointKey,
-  BreakpointValue,
   FineBreakpointKey,
+  BreakpointValue,
   ResponsiveValue,
+  Orientation,
+  PlatformInfo,
+  ScreenSize,
+  MediaQueryOptions,
+  // 兼容层类型
+  ResponsiveInfo,
+} from '../presentation/hooks/responsive';
+
+// ==================== 旧版响应式 Hooks (保持向后兼容) ====================
+// 注意：这些导出将在未来版本中移除，请使用新的 hooks
+export {
+  BREAKPOINTS as BREAKPOINTS_OLD,
+  FINE_BREAKPOINTS as FINE_BREAKPOINTS_OLD,
 } from './useResponsive';
 
+export type {
+  ResponsiveInfo as ResponsiveInfo_OLD,
+  BreakpointKey as BreakpointKey_OLD,
+  BreakpointValue as BreakpointValue_OLD,
+  FineBreakpointKey as FineBreakpointKey_OLD,
+  ResponsiveValue as ResponsiveValue_OLD,
+} from './useResponsive';
+
+// ==================== 其他 Hooks ====================
 export {
   usePrefetch,
   prefetchPosts,