refactor: adopt shared page layout

webui/src/features/ops/OpsPage.tsx

@@ -6,12 +6,10 @@ import {
   Card,
   ConfirmDialog,
   DataGrid,
-  DismissibleAlert,
   DocumentationHelpLink,
   LoadingFrame,
   MetricCard,
-  PageScrollViewport,
-  PageTitle,
+  PageLayout,
   StatusBadge,
   TableActionGroup,
   adminErrorMessage,
@@ -122,21 +120,18 @@ export default function OpsPage({ settings, auth }: {settings: ApiSettings;auth:
   const storageUsage = status?.summary.storage_metrics?.capacity_used_percent;
 
   return (
-    <PageScrollViewport>
-    <div className="content-pad workspace-data-page">
-      <div className="page-heading split workspace-heading">
-        <div>
-          <PageTitle loading={loading}>i18n:govoplan-ops.ops.907a54c2</PageTitle>
-          <p>i18n:govoplan-ops.runtime_health_deployment_profile_worker_split_a.55340156</p>
-        </div>
-        <div className="button-row compact-actions">
+    <PageLayout
+      title="i18n:govoplan-ops.ops.907a54c2"
+      description="i18n:govoplan-ops.runtime_health_deployment_profile_worker_split_a.55340156"
+      error={error}
+      actions={
+        <>
           <DocumentationHelpLink reference={OPS_DOCUMENTATION} />
           <Button variant="primary" onClick={() => void runChecks()} disabled={Boolean(runProbesDisabledReason)} disabledReason={runProbesDisabledReason}>i18n:govoplan-ops.surface.run_probes</Button>
           <Button onClick={() => void load()} disabled={loading} disabledReason={loading ? OPS_I18N.loading : undefined}><RefreshCw size={16} /> i18n:govoplan-ops.reload.cce71553</Button>
-        </div>
-      </div>
-
-      {error && <DismissibleAlert tone="danger" resetKey={error} floating>{error}</DismissibleAlert>}
+        </>
+      }
+    >
       {status && !ready && (
         <ActionBlockerHint
           reason={{
@@ -223,8 +218,7 @@ export default function OpsPage({ settings, auth }: {settings: ApiSettings;auth:
         onCancel={() => setDrainTarget(null)}
         onConfirm={() => void confirmDrain()}
       />
-    </div>
-    </PageScrollViewport>);
+    </PageLayout>);
 
 }