refactor: adopt shared page and workspace layouts

webui/src/features/operator/OperatorQueuePage.tsx

@@ -25,11 +25,9 @@ import {
   type DataGridListOption,
   type DataGridQueryState
 } from "@govoplan/core-webui";
-import { DismissibleAlert } from "@govoplan/core-webui";
+import { DismissibleAlert, PageLayout } from "@govoplan/core-webui";
 import { LoadingFrame } from "@govoplan/core-webui";
 import { MetricCard } from "@govoplan/core-webui";
-import { PageTitle } from "@govoplan/core-webui";
-import { PageScrollViewport } from "@govoplan/core-webui";
 import {
   StatusBadge,
   TableActionGroup,
@@ -757,22 +755,22 @@ export default function OperatorQueuePage({ settings, auth }: {settings: ApiSett
   ], [navigate, permissions.canOpenReport, selectedRow, selectedVersionId]);
 
   return (
-    <PageScrollViewport>
-    <div className="content-pad workspace-data-page">
-      <div className="page-heading split workspace-heading">
-        <div>
-          <PageTitle loading={loading}>i18n:govoplan-campaign.operator_queue.72492fb5</PageTitle>
+    <PageLayout
+      mode="workspace"
+      title="i18n:govoplan-campaign.operator_queue.72492fb5"
+      description={
+        <>
           <p>i18n:govoplan-campaign.queue_state_retry_candidates_and_reconciliation_.1b592bbe</p>
           <p className="muted small-note">i18n:govoplan-campaign.queue_refreshes_automatically_while_delivery_is_active.df8dc205</p>
-        </div>
-        <div className="button-row compact-actions">
+        </>
+      }
+      error={error}
+      success={message}
+      actions={
           <Button onClick={() => void refreshAll()} disabled={loading || jobsLoading}>i18n:govoplan-campaign.refresh.56e3badc</Button>
-        </div>
-      </div>
-
-      {error && <DismissibleAlert tone="danger" resetKey={error} floating>{error}</DismissibleAlert>}
-      {jobsError && <DismissibleAlert tone="danger" resetKey={jobsError} floating>{jobsError}</DismissibleAlert>}
-      {message && <DismissibleAlert tone="success" resetKey={message} floating>{message}</DismissibleAlert>}
+      }
+      notices={jobsError ? <DismissibleAlert tone="danger" resetKey={jobsError} floating>{jobsError}</DismissibleAlert> : undefined}
+    >
 
       <section className="queue-pressure-section" aria-labelledby="operator-queue-pressure-title">
         <h2 id="operator-queue-pressure-title" className="queue-pressure-heading">i18n:govoplan-campaign.queue_pressure.28eee15e</h2>
@@ -847,8 +845,7 @@ export default function OperatorQueuePage({ settings, auth }: {settings: ApiSett
           if (cancelTarget) void runAction(cancelTarget, "cancel");
         }}
         onCancel={() => setCancelTarget(null)} />
-    </div>
-    </PageScrollViewport>);
+    </PageLayout>);
 
 }