feat: global shell — header, footer, sidebars, and layout integration

app/(account)/layout.tsx

@@ -1,16 +1,14 @@
+import { AccountSidebar } from "@/components/account-sidebar"
+import { Header } from "@/components/header"
+
 export default function AccountLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="flex min-h-screen">
-      <aside className="w-64 border-r bg-muted/30 p-4">
-        <h2 className="mb-4 text-lg font-semibold">账号设置</h2>
-        <nav className="space-y-2 text-sm text-muted-foreground">
-          <div>个人资料</div>
-          <div>钱包</div>
-          <div>通知</div>
-          <div>身份认证</div>
-        </nav>
-      </aside>
-      <main className="flex-1 p-6">{children}</main>
+    <div className="flex min-h-screen flex-col">
+      <Header />
+      <div className="flex flex-1">
+        <AccountSidebar />
+        <main className="flex-1 p-6">{children}</main>
+      </div>
     </div>
   )
 }