Adopt shared WebUI layout primitives

webui/src/features/campaigns/recipients/DistributionListImportDialog.tsx

@@ -1,3 +1,4 @@
+import { DescriptionList } from "@govoplan/core-webui";
 import { useEffect, useMemo, useState } from "react";
 import {
   Button,
@@ -294,7 +295,7 @@ export default function DistributionListImportDialog({
       )}
       {preview && (
         <>
-          <dl className="detail-list recipient-import-summary">
+          <DescriptionList columns={5} collapseAt="never" className="recipient-import-summary">
             <div><dt>List</dt><dd>{preview.source.name}</dd></div>
             <div><dt>Revision</dt><dd>{preview.source.revision}</dd></div>
             <div><dt>Included</dt><dd>{preview.recipients.length}</dd></div>
@@ -302,7 +303,7 @@ export default function DistributionListImportDialog({
             <div><dt>Providers</dt><dd>{preview.provider_evidence.length}</dd></div>
             <div><dt>Route decisions</dt><dd>{unresolvedRoutes.length ? `${unresolvedRoutes.length} required` : "Complete"}</dd></div>
             <div><dt>State</dt><dd>{preview.stale ? "Stale" : preview.truncated ? "Truncated" : "Current"}</dd></div>
-          </dl>
+          </DescriptionList>
           {preview.stale && (
             <DismissibleAlert tone="warning" compact dismissible={false}>
               At least one provider result is stale. Review its diagnostics before freezing this expansion.