Adopt shared WebUI layout primitives

webui/src/features/reports/AggregateReportsPage.tsx

@@ -1,3 +1,4 @@
+import { DescriptionList } from "@govoplan/core-webui";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Eye, RefreshCw } from "lucide-react";
 import { useSearchParams } from "react-router";
@@ -198,12 +199,12 @@ export default function AggregateReportsPage({ settings }: {settings: ApiSetting
         {report && outcomes && (
           <>
             <Card title={report.campaign.name}>
-              <dl className="detail-list">
+              <DescriptionList variant="inline">
                 <div><dt>i18n:govoplan-campaign.status.bae7d5be</dt><dd><StatusBadge status={report.campaign.status} /></dd></div>
                 <div><dt>i18n:govoplan-campaign.completion.2ff25568</dt><dd><StatusBadge status={report.completion_state} label={aggregateCompletionLabel(report.completion_state)} /></dd></div>
                 <div><dt>i18n:govoplan-campaign.version.2da600bf</dt><dd>{report.version_number ?? "—"}</dd></div>
                 <div><dt>i18n:govoplan-campaign.generated.8eefdd52</dt><dd>{formatDateTime(report.generated_at)}</dd></div>
-              </dl>
+              </DescriptionList>
             </Card>
 
             {/* Aggregate outcome cards are deliberately not filter shortcuts: each subgroup
@@ -223,19 +224,19 @@ export default function AggregateReportsPage({ settings }: {settings: ApiSetting
             </ContentGrid>
 
             <Card title="i18n:govoplan-campaign.population_and_exclusions.cdff62ad">
-              <dl className="detail-list">
+              <DescriptionList variant="inline">
                 <div><dt>i18n:govoplan-campaign.report_denominator.d089074a</dt><dd>{countValue(report.population.denominator)}</dd></div>
                 <div><dt>i18n:govoplan-campaign.inactive_source_entries.88fa0cf8</dt><dd>{countValue(report.population.inactive_source_entries)}</dd></div>
                 <div><dt>i18n:govoplan-campaign.excluded_or_blocked_jobs.e2190d47</dt><dd>{countValue(report.population.excluded_or_blocked_jobs)}</dd></div>
-              </dl>
+              </DescriptionList>
               <p className="muted">i18n:govoplan-campaign.all_persisted_recipient_delivery_jobs_for_the_se.208e90cc</p>
             </Card>
 
             <Card title="i18n:govoplan-campaign.delivery_activity_range.0d1b62ec">
-              <dl className="detail-list">
+              <DescriptionList variant="inline">
                 <div><dt>i18n:govoplan-campaign.first_activity.3fe36ef4</dt><dd>{report.time_range.suppressed ? "i18n:govoplan-campaign.suppressed.fce88db5" : formatDateTime(report.time_range.first_activity_at ?? undefined)}</dd></div>
                 <div><dt>i18n:govoplan-campaign.last_activity.1c73b806</dt><dd>{report.time_range.suppressed ? "i18n:govoplan-campaign.suppressed.fce88db5" : formatDateTime(report.time_range.last_activity_at ?? undefined)}</dd></div>
-              </dl>
+              </DescriptionList>
             </Card>
 
             <Card title="i18n:govoplan-campaign.privacy_boundary.d37e12bc">