Adopt shared WebUI layout primitives

webui/src/features/campaigns/ReviewSendPage.tsx

@@ -1,3 +1,4 @@
+import { DescriptionList } from "@govoplan/core-webui";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   BarChart3,
@@ -1423,7 +1424,7 @@ export default function ReviewSendPage({
             {visibleValidationIssues.length > 0 &&
             <div className="review-flow-data-section">
                 <h3>i18n:govoplan-campaign.validation_details.aa503267</h3>
-                <dl className="detail-list">
+                <DescriptionList variant="inline">
                   {visibleValidationIssues.map((issue, index) =>
                 <div key={`${String(issue.code ?? "issue")}:${index}`}>
                       <dt>{humanize(String(issue.severity ?? "issue"))}</dt>
@@ -1434,7 +1435,7 @@ export default function ReviewSendPage({
                       </dd>
                     </div>
                 )}
-                </dl>
+                </DescriptionList>
                 {validationIssues.length > visibleValidationIssues.length && <p className="muted small-note">i18n:govoplan-campaign.showing.163d8174 {visibleValidationIssues.length} of {validationIssues.length} i18n:govoplan-campaign.validation_issue_s.c6a8b911</p>}
               </div>
             }
@@ -1488,11 +1489,11 @@ export default function ReviewSendPage({
                     </Button>
                   )}
                 </div>
-                <dl className="detail-list">
+                <DescriptionList variant="inline">
                   <div><dt>Template hash</dt><dd><code>{getText(printOutput, "template_hash") || "—"}</code></dd></div>
                   <div><dt>Input hash</dt><dd><code>{getText(printOutput, "input_hash") || "—"}</code></dd></div>
                   <div><dt>Output hash</dt><dd><code>{getText(printOutput, "output_sha256") || "—"}</code></dd></div>
-                </dl>
+                </DescriptionList>
               </div>
             )}
             <div className="button-row compact-actions review-flow-stage-actions">
@@ -1815,7 +1816,7 @@ export default function ReviewSendPage({
             {recentFailures.length > 0 &&
             <div className="review-flow-data-section">
                 <h3>i18n:govoplan-campaign.recent_delivery_failures.282285fb</h3>
-                <dl className="detail-list">
+                <DescriptionList variant="inline">
                   {recentFailures.map((failure, index) =>
                 <div key={String(failure.job_id ?? index)}>
                       <dt>{String(failure.recipient_email ?? failure.entry_id ?? i18nMessage("i18n:govoplan-campaign.value.44b8c76f", { value0: String(failure.entry_index ?? index + 1) }))}</dt>
@@ -1826,7 +1827,7 @@ export default function ReviewSendPage({
                       </dd>
                     </div>
                 )}
-                </dl>
+                </DescriptionList>
               </div>
             }
             <div className="button-row compact-actions">