refactor(layout): 重构应用布局结构和全局副作用处理

- 移除 AppShell 组件，将布局逻辑直接集成到各层级 layout
- 提取全局 Provider 到 AppProviders 组件统一管理
- 移除独立的 ThemeSync 和 QueryProvider 组件
- 将 AntThemeProvider 功能整合到 AppProviders
- 更新用户状态和主题相关的 prop 传递方式
- 优化管理后台菜单结构为全局常量定义
- 迁移页面私有 hooks 到对应页面目录下
- 提取通用 UI 副作用动作为全局 hooks 以减少重复代码

web/src/app/layout.tsx

@@ -1,8 +1,5 @@
 import type { Metadata } from "next";
-import { AntThemeProvider } from "@/components/ant-theme-provider";
-import { QueryProvider } from "@/components/query-provider";
-import { ThemeSync } from "@/components/theme-sync";
-import { UserSessionSync } from "@/components/user-session-sync";
+import { AppProviders } from "@/components/app-providers";
 import "antd/dist/reset.css";
 import "./globals.css";
 
@@ -30,13 +27,7 @@ export default function RootLayout({
             __html: `try{var s=JSON.parse(localStorage.getItem("infinite-canvas:theme_store")||"{}");var t=s.state&&s.state.theme==="light"?"light":"dark";document.documentElement.classList.toggle("dark",t==="dark");document.documentElement.style.colorScheme=t}catch(e){}`,
           }}
         />
-        <ThemeSync />
-        <AntThemeProvider>
-          <QueryProvider>
-            <UserSessionSync />
-            {children}
-          </QueryProvider>
-        </AntThemeProvider>
+        <AppProviders>{children}</AppProviders>
       </body>
     </html>
   );