Adopt shared WebUI layout primitives

webui/src/features/campaigns/review/DeliveryJobDetailOverlay.tsx

@@ -1,3 +1,4 @@
+import { DescriptionList } from "@govoplan/core-webui";
 import { Button, Dialog, i18nMessage } from "@govoplan/core-webui";
 
 import { asArray, asRecord, formatDateTime, humanize } from "../utils/campaignView";
@@ -28,7 +29,7 @@ export default function DeliveryJobDetailOverlay({
         </Button>
       }
     >
-      <dl className="detail-list">
+      <DescriptionList variant="inline">
         <div>
           <dt>i18n:govoplan-campaign.recipient.90343260</dt>
           <dd>
@@ -54,7 +55,7 @@ export default function DeliveryJobDetailOverlay({
             <dd>{String(job.last_error)}</dd>
           </div>
         ) : null}
-      </dl>
+      </DescriptionList>
       {issues.length > 0 && (
         <AttemptList
           title="i18n:govoplan-campaign.message_issues.9092a7db"
@@ -90,7 +91,7 @@ function AttemptList({
       {rows.length === 0 ? (
         <p className="muted small-note">{emptyText}</p>
       ) : (
-        <dl className="detail-list">
+        <DescriptionList variant="inline">
           {rows.map((row, index) => (
             <div key={`${String(row.id ?? row.code ?? index)}:${index}`}>
               <dt>
@@ -129,7 +130,7 @@ function AttemptList({
               </dd>
             </div>
           ))}
-        </dl>
+        </DescriptionList>
       )}
     </section>
   );