Adopt shared WebUI layout primitives

webui/src/features/ops/OpsPage.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { PauseCircle, PlayCircle, RefreshCw } from "lucide-react";
-import {
+import { ContentGrid,
   ActionBlockerHint,
   Button,
   Card,
@@ -167,7 +167,7 @@ export default function OpsPage({ settings, auth }: {settings: ApiSettings;auth:
           <MetricCard label="i18n:govoplan-ops.infrastructure_capabilities" value={status?.summary.infrastructure_capability_count ?? 0} tone={status?.infrastructure.available ? "good" : "neutral"} detail={i18nMessage("i18n:govoplan-ops.pending_post_install_tasks", { value0: status?.summary.pending_post_install_task_count ?? 0 })} />
         </div>
 
-        <div className="dashboard-grid">
+        <ContentGrid columns={2} collapseAt="workspace" className="">
           <Card title="i18n:govoplan-ops.health_checks.201c869f">
             <CheckList checks={checks} />
           </Card>
@@ -207,7 +207,7 @@ export default function OpsPage({ settings, auth }: {settings: ApiSettings;auth:
           <Card title="i18n:govoplan-ops.sizing_assumptions.6ade9a90">
             <SizingTable items={status?.sizing ?? []} />
           </Card>
-        </div>
+        </ContentGrid>
       </LoadingFrame>
       <ConfirmDialog
         open={Boolean(drainTarget)}