Adopt shared WebUI layout primitives

webui/src/features/policy/RetentionPoliciesPanel.tsx

@@ -1,3 +1,4 @@
+import { DescriptionList } from "@govoplan/core-webui";
 import { useEffect, useRef, useState } from "react";
 import {
   AdminPageLayout,
@@ -237,14 +238,14 @@ export default function RetentionPoliciesPanel({ settings, scopeType, canWrite }
             </Card>
             {retentionResult && (
               <Card title="Latest retention outcome" helpContextId="policy.retention.outcome">
-                <dl className="detail-list compact-detail-list">
+                <DescriptionList variant="inline" density="compact">
                   <div>
                     <dt>Operation</dt>
                     <dd><StatusBadge status={retentionResult.result.dry_run ? "info" : "success"} label={retentionResult.result.dry_run ? "Dry run" : "Applied"} /></dd>
                   </div>
                   <div><dt>Policy scope</dt><dd>{humanize(retentionResult.result.effective_policy_scope || "system")}</dd></div>
                   <div><dt>Reported outcomes</dt><dd>{resultRows.length}</dd></div>
-                </dl>
+                </DescriptionList>
                 <div className="admin-table-surface">
                   <DataGrid
                     id="policy-retention-outcomes"