Adopt shared WebUI structural primitives

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

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { Link2, X } from "lucide-react";
-import { Button, Dialog, DismissibleAlert, i18nMessage } from "@govoplan/core-webui";
+import { Button, Dialog, DismissibleAlert, MetricCard, MetricGrid, i18nMessage } from "@govoplan/core-webui";
 
 import type {
   CampaignAttachmentPreviewFile,
@@ -10,7 +10,6 @@ import {
   attachmentPreviewLinkableFiles,
   attachmentPreviewMatchedFiles
 } from "../utils/attachmentPreview";
-import { WorkflowFact } from "./WorkflowNavigation";
 
 export default function AttachmentLinkingPreview({
   preview,
@@ -70,8 +69,8 @@ export default function AttachmentLinkingPreview({
             </Button>
           </div>
         </div>
-        <div className="review-flow-fact-grid">
-          <WorkflowFact
+        <MetricGrid columns={4} density="compact" spacing="block" minimum="compact">
+          <MetricCard density="compact" surface="subtle"
             label="i18n:govoplan-campaign.matched.1bf3ec5b"
             value={
               !loading && matchedFiles.length > 0 ? (
@@ -95,19 +94,19 @@ export default function AttachmentLinkingPreview({
               )
             }
           />
-          <WorkflowFact
+          <MetricCard density="compact" surface="subtle"
             label="i18n:govoplan-campaign.linked.a089f600"
             value={loading ? "..." : linkedCount || "—"}
           />
-          <WorkflowFact
+          <MetricCard density="compact" surface="subtle"
             label="i18n:govoplan-campaign.need_link.fa4ab530"
             value={loading ? "..." : unlinkedCount || "—"}
           />
-          <WorkflowFact
+          <MetricCard density="compact" surface="subtle"
             label="i18n:govoplan-campaign.shared_source.7d4a1bf2"
             value={loading ? "..." : preview?.shared_file_count ?? "—"}
           />
-        </div>
+        </MetricGrid>
         {error && (
           <DismissibleAlert tone="danger" compact dismissible={false}>
             {error}