feat: split settings management pages

modules/shared/components/AppShell.tsx

@@ -2,10 +2,12 @@ import Link from "next/link";
 import {
   Bell,
   BedDouble,
+  Building2,
   ClipboardCheck,
   HeartPulse,
   Home,
   LayoutDashboard,
+  ListChecks,
   Radio,
   Settings,
   ShieldAlert,
@@ -78,10 +80,30 @@ const navItems: NavItem[] = [
     icon: TabletSmartphone,
   },
   {
-    href: "/app/settings",
-    label: "权限设置",
+    href: "/app/settings/organizations",
+    label: "机构管理",
+    icon: Building2,
+  },
+  {
+    href: "/app/settings/users",
+    label: "用户管理",
+    icon: Users,
+  },
+  {
+    href: "/app/settings/roles",
+    label: "角色权限",
     icon: Settings,
   },
+  {
+    href: "/app/settings/audit",
+    label: "审计日志",
+    icon: ListChecks,
+  },
+  {
+    href: "/app/settings/status",
+    label: "运行状态",
+    icon: Wrench,
+  },
 ];
 
 type AppShellProps = {
@@ -150,7 +172,7 @@ export function AppShell({ children, account, permissions }: AppShellProps): Rea
           </div>
         </header>
 
-        <main className="min-h-0 flex-1 overflow-y-auto px-4 py-5 md:px-8">{children}</main>
+        <main className="page-enter min-h-0 flex-1 overflow-y-auto px-4 py-5 md:px-8">{children}</main>
       </div>
     </div>
   );