Adopt semantic campaign page actions

webui/src/features/reports/AggregateReportsPage.tsx

@@ -8,6 +8,7 @@ import { ContentGrid,
   DataGrid,
   LoadingFrame,
   MetricCard,
+  PageActionBar,
   PageLayout,
   StatusBadge,
   TableActionGroup,
@@ -167,19 +168,22 @@ export default function AggregateReportsPage({ settings }: {settings: ApiSetting
 
   return (
     <PageLayout
+      archetype="overview"
       mode="workspace"
       className="aggregate-reports-page"
       title="i18n:govoplan-campaign.reports.88bc3fe3"
       description="i18n:govoplan-campaign.privacy_protected_campaign_outcomes_without_reci.5b8a100d"
       error={error}
-      actions={
-          <Button
+      actions={<PageActionBar
+        variant="overview"
+        refreshable
+        reloadAction={<Button
             onClick={() => void Promise.all([loadCampaigns(), selectedFromUrl ? loadReport(selectedFromUrl) : Promise.resolve()])}
             disabled={listLoading || reportLoading}
           >
             <RefreshCw size={16} aria-hidden="true" /> i18n:govoplan-campaign.refresh.56e3badc
-          </Button>
-      }
+          </Button>}
+      />}
     >
 
       <Card title="i18n:govoplan-campaign.campaign_reports_available_to_you.f14fa403">