DG9 统一全站 UI 布局样板迁移

关联 Issue: DG9-0..DG9-12

client/src/pages/SystemSettingsPage.tsx

@@ -1,5 +1,5 @@
 import { Link } from "react-router-dom";
-import { PageHeader } from "../components/common/PageHeader";
+import { ListWorkspace, WorkspaceHeader } from "../components/patterns/ListWorkspace";
 
 const ITEMS = [
   { to: "/system/workspace", title: "工作区设置", description: "调整小团队模式的导航与模块显隐。" },
@@ -14,17 +14,17 @@ const ITEMS = [
 
 export function SystemSettingsPage() {
   return (
-    <div className="space-y-6">
-      <PageHeader title="系统设置" subtitle="小团队模式下的后台设置总入口。" />
+    <ListWorkspace>
+      <WorkspaceHeader title="系统设置" subtitle="小团队模式下的后台设置总入口。" />
       <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
         {ITEMS.map((item) => (
-          <Link key={item.to} to={item.to} className="card-std p-6 hover:bg-zinc-50">
+          <Link key={item.to} to={item.to} className="card-std p-4 hover:bg-zinc-50 md:p-5">
             <div className="text-base font-semibold text-zinc-900">{item.title}</div>
             <div className="mt-2 text-sm text-zinc-600">{item.description}</div>
           </Link>
         ))}
       </div>
-    </div>
+    </ListWorkspace>
   );
 }