feat(ui): [UI7-1] 重构主布局AppShell与导航层

client/src/layouts/AppShellLayout.tsx

@@ -1,23 +1,24 @@
 import { Outlet } from "react-router-dom";
+import { ErrorBoundary } from "../components/common/ErrorBoundary";
 import { Sidebar } from "../components/navigation/Sidebar";
 import { Topbar } from "../components/navigation/Topbar";
 
 export function AppShellLayout() {
   return (
-    <div className="min-h-screen bg-background-light">
-      <div className="flex min-h-screen">
-        <Sidebar />
+    <div className="flex min-h-screen bg-zinc-50">
+      <Sidebar />
 
-        <div className="flex min-w-0 flex-1 flex-col">
-          <Topbar />
+      <main className="flex-1 flex flex-col min-w-0 lg:ml-64">
+        <Topbar />
 
-          <main className="flex-1 p-4 sm:p-6">
-            <div className="layout-container max-w-none">
+        <div className="flex-1 p-4 sm:p-8">
+          <div className="layout-container max-w-none">
+            <ErrorBoundary>
               <Outlet />
-            </div>
-          </main>
+            </ErrorBoundary>
+          </div>
         </div>
-      </div>
+      </main>
     </div>
   );
 }