Adopt shared WebUI layout primitives

webui/src/features/files/FileIntegrityPanel.tsx

@@ -1,3 +1,4 @@
+import { MetricGrid } from "@govoplan/core-webui";
 import { useEffect, useMemo, useState } from "react";
 import {
   AdminPageLayout,
@@ -424,12 +425,12 @@ export default function FileIntegrityPanel({ settings, canWrite }: Props) {
 
         {selectedScan && (
           <>
-            <div className="metric-grid">
+            <MetricGrid>
               <MetricCard label="Verified blobs" value={selectedScan.verified_blob_count} tone="good" />
               <MetricCard label="Quarantined blobs" value={selectedScan.quarantined_blob_count} tone={selectedScan.quarantined_blob_count ? "danger" : "neutral"} />
               <MetricCard label="Orphan objects" value={selectedScan.orphan_object_count} tone={selectedScan.orphan_object_count ? "warning" : "neutral"} />
               <MetricCard label="Open findings" value={findings.filter((finding) => finding.state === "open").length} tone={findings.some((finding) => finding.state === "open") ? "warning" : "good"} />
-            </div>
+            </MetricGrid>
             {selectedScan.last_error && (
               <DismissibleAlert tone="warning" dismissible={false} compact>
                 The last batch failed with {selectedScan.last_error}. Verify storage availability, then resume from the recorded cursor.