Adopt shared WebUI layout primitives

webui/src/features/riskCompliance/RiskCompliancePage.tsx

@@ -1,3 +1,4 @@
+import { MetricGrid } from "@govoplan/core-webui";
 import {
   CheckCircle2,
   Database,
@@ -1249,7 +1250,7 @@ function AssurancePane({
             documentation={RISK_COMPLIANCE_DOCUMENTATION}
           />
         )}
-        <div className="metric-grid risk-assurance-metrics">
+        <MetricGrid minimum="fluid" className="risk-assurance-metrics">
           <MetricCard label="Objects" value={summary?.node_count ?? 0} tone="neutral" />
           <MetricCard label="Relationships" value={summary?.edge_count ?? 0} tone="neutral" />
           <MetricCard label="Risks" value={summary?.by_kind.risk ?? 0} tone="warning" />
@@ -1258,7 +1259,7 @@ function AssurancePane({
             value={summary?.by_state.open ?? 0}
             tone={(summary?.by_state.open ?? 0) > 0 ? "danger" : "good"}
           />
-        </div>
+        </MetricGrid>
       </div>
       <div className="risk-assurance-columns">
         <aside className="risk-panel">