refactor: adopt shared page and workspace layouts

webui/src/features/campaigns/CampaignAuditPage.tsx

@@ -1,11 +1,8 @@
 import type { ApiSettings } from "../../types";
 import { Button } from "@govoplan/core-webui";
 import { Card } from "@govoplan/core-webui";
-import { DismissibleAlert } from "@govoplan/core-webui";
-import { PageTitle } from "@govoplan/core-webui";
 import VersionLine from "./components/VersionLine";
-import { LoadingFrame } from "@govoplan/core-webui";
-import { ActionBlockerHint, DocumentationHelpLink } from "@govoplan/core-webui";
+import { ActionBlockerHint, DocumentationHelpLink, PageLayout } from "@govoplan/core-webui";
 import { useCampaignWorkspaceData } from "./hooks/useCampaignWorkspaceData";
 
 export default function CampaignAuditPage({ settings, campaignId }: {settings: ApiSettings;campaignId: string;}) {
@@ -13,20 +10,17 @@ export default function CampaignAuditPage({ settings, campaignId }: {settings: A
   const version = data.currentVersion;
 
   return (
-    <div className="content-pad workspace-data-page">
-      <div className="page-heading split workspace-heading">
-        <div>
-          <PageTitle loading={loading}>i18n:govoplan-campaign.audit_log.3cfc5f1c</PageTitle>
-          <VersionLine version={version} versions={data.versions} loadedAt={version?.updated_at} />
-        </div>
-        <div className="button-row compact-actions">
+    <PageLayout
+      mode="workspace"
+      title="i18n:govoplan-campaign.audit_log.3cfc5f1c"
+      description={<VersionLine version={version} versions={data.versions} loadedAt={version?.updated_at} />}
+      loading={loading}
+      loadingLabel="i18n:govoplan-campaign.loading_audit_data.af52b968"
+      error={error}
+      actions={
           <Button onClick={() => void reload({ force: true })} disabled={loading}>Discard</Button>
-        </div>
-      </div>
-
-      {error && <DismissibleAlert tone="danger" resetKey={error} floating>{error}</DismissibleAlert>}
-
-      <LoadingFrame loading={loading} label="i18n:govoplan-campaign.loading_audit_data.af52b968">
+      }
+    >
       <Card title="i18n:govoplan-campaign.recent_audit_events.7ec32b1d">
         <ActionBlockerHint
           tone="info"
@@ -50,7 +44,6 @@ export default function CampaignAuditPage({ settings, campaignId }: {settings: A
           label="Open Campaign assurance documentation"
         />
       </Card>
-      </LoadingFrame>
-    </div>);
+    </PageLayout>);
 
 }