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

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

web/src/app/(user)/layout.tsx

@@ -1,7 +1,23 @@
-import type { ReactNode } from "react";
+"use client";
 
-import { AppShell } from "@/components/app-shell";
+import type { ReactNode } from "react";
+import { usePathname } from "next/navigation";
+
+import { AppTopNav } from "@/components/app-top-nav";
+import { type NavigationToolSlug, navigationTools } from "@/lib/navigation-tools";
+import { useAiConfigStore } from "@/stores/use-ai-config-store";
 
 export default function UserLayout({ children }: { children: ReactNode }) {
-  return <AppShell>{children}</AppShell>;
+  const pathname = usePathname();
+  const config = useAiConfigStore((state) => state.config);
+  const updateConfig = useAiConfigStore((state) => state.updateConfig);
+  const slug = pathname.split("/").filter(Boolean)[0];
+  const activeToolSlug = navigationTools.some((tool) => tool.slug === slug) ? (slug as NavigationToolSlug) : undefined;
+
+  return (
+    <div className="flex h-dvh flex-col overflow-hidden bg-background text-foreground">
+      <AppTopNav activeToolSlug={activeToolSlug} config={config} onConfigChange={updateConfig} hideHeader={/^\/canvas\/[^/]+/.test(pathname)} />
+      <div className="min-h-0 flex-1 overflow-hidden">{children}</div>
+    </div>
+  );
 }