refactor: 代码架构重构 - 提取组件、统一状态管理和数据访问层

- 新增布局组件（SidebarBrand、SidebarUser、SidebarNavItem）
- 新增通用UI组件（EmptyState、StatusBadge、TagInput、SearchBar）
- 新增全局状态管理（UserContext）
- 新增自定义Hooks（usePageState、useNavigation）
- 新增统一数据访问层（src/services/api.js）
- 新增常量配置（constants/pages.js、constants/storageKeys.js）
- 样式文件模块化，拆分页面特定样式
- 更新README文档，添加组件和使用说明
- 同步OpenSpec规范到主specs目录

src/styles/global.scss

@@ -6,7 +6,10 @@
 @use 'base' as *;
 @use 'components' as *;
 @use 'layout' as *;
-@use 'pages' as *;
+@use 'pages/console' as *;
+@use 'pages/admin' as *;
+@use 'pages/developer' as *;
+@use 'pages/home' as *;
 
 /* ============================================
    原始样式内容（待进一步拆分）