Adopt semantic operations action layout

webui/src/features/ops/OpsPage.tsx

@@ -11,6 +11,7 @@ import { ContentGrid,
   DocumentationHelpLink,
   LoadingFrame,
   MetricCard,
+  PageActionBar,
   PageLayout,
   StatusBadge,
   TableActionGroup,
@@ -123,16 +124,17 @@ export default function OpsPage({ settings, auth }: {settings: ApiSettings;auth:
 
   return (
     <PageLayout
+      archetype="overview"
       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>
-        </>
-      }
+      actions={<PageActionBar
+        variant="overview"
+        refreshable
+        reloadAction={<Button onClick={() => void load()} disabled={loading} disabledReason={loading ? OPS_I18N.loading : undefined}><RefreshCw size={16} /> i18n:govoplan-ops.reload.cce71553</Button>}
+        helpAction={<DocumentationHelpLink reference={OPS_DOCUMENTATION} />}
+        primaryActions={<Button variant="primary" onClick={() => void runChecks()} disabled={Boolean(runProbesDisabledReason)} disabledReason={runProbesDisabledReason}>i18n:govoplan-ops.surface.run_probes</Button>}
+      />}
     >
       {status && !ready && (
         <ActionBlockerHint