Adopt shared WebUI layout primitives

webui/src/features/admin/TenantModuleManagementPanel.tsx

@@ -1,3 +1,4 @@
+import { MetricGrid } from "@govoplan/core-webui";
 import { useEffect, useMemo, useState } from "react";
 import {
   AdminPageLayout,
@@ -249,12 +250,12 @@ export default function TenantModuleManagementPanel({ settings, scope, canWrite
 
       {state && draft && (
         <>
-          <div className="metric-grid module-management-metrics">
+          <MetricGrid columns={5} minimum="compact">
             <MetricCard label="Available" value={draft.available.size} tone="info" />
             <MetricCard label="Forced" value={draft.forced.size} tone="warning" />
             <MetricCard label="Selected" value={draft.enabled.size} />
             <MetricCard label="Effective now" value={state.effective_modules.length} tone="good" />
-          </div>
+          </MetricGrid>
 
           {state.diagnostics.map((diagnostic) => (
             <DismissibleAlert key={`${diagnostic.code}:${diagnostic.message}`} tone="warning" compact>