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/App.jsx

@@ -1,4 +1,5 @@
 import { HashRouter as Router, Routes, Route } from 'react-router-dom';
+import { UserProvider } from './contexts/UserContext.jsx';
 import HomePage from './pages/HomePage.jsx';
 import LoginPage from './pages/LoginPage.jsx';
 import ConsolePage from './pages/ConsolePage.jsx';
@@ -7,15 +8,17 @@ import DeveloperPage from './pages/DeveloperPage.jsx';
 
 function App() {
     return (
-        <Router>
-            <Routes>
-                <Route path="/" element={<HomePage />} />
-                <Route path="/login" element={<LoginPage />} />
-                <Route path="/console" element={<ConsolePage />} />
-                <Route path="/admin" element={<AdminPage />} />
-                <Route path="/developer" element={<DeveloperPage />} />
-            </Routes>
-        </Router>
+        <UserProvider>
+            <Router>
+                <Routes>
+                    <Route path="/" element={<HomePage />} />
+                    <Route path="/login" element={<LoginPage />} />
+                    <Route path="/console" element={<ConsolePage />} />
+                    <Route path="/admin" element={<AdminPage />} />
+                    <Route path="/developer" element={<DeveloperPage />} />
+                </Routes>
+            </Router>
+        </UserProvider>
     );
 }