style(authz-ui): replace inline grid style with grid-cols-4 utility

Swap the inline gridTemplateColumns auto-fit style for the safelisted
grid-cols-4 Tailwind utility across the KPI tile rows. The module is a
Tier 1 graphene-core consumer with no Tailwind pipeline, so arbitrary
auto-fit values cannot be generated; grid-cols-4 is guaranteed by the
graphene-core safelist.

Author: podlesrafal

gravitee-gamma/gravitee-gamma-module-authz/src/main/ui/features/dashboard/DashboardPage.tsx

@@ -120,7 +120,7 @@ export function DashboardPage() {
                 </p>
             </header>
 
-            <div className="grid gap-4" style={{ gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))' }}>
+            <div className="grid grid-cols-4 gap-4">
                 {KPI_CARDS.map(kpi => {
                     const count = counts[kpi.label as keyof typeof counts];
                     return (

gravitee-gamma/gravitee-gamma-module-authz/src/main/ui/features/policy-management/ServicePolicyPage.tsx

@@ -330,7 +330,7 @@ export function ServicePolicyPage({ config }: { readonly config: ServicePageConf
                 </div>
             </header>
 
-            <div className="grid gap-4" style={{ gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))' }} aria-label="Key metrics">
+            <div className="grid grid-cols-4 gap-4" aria-label="Key metrics">
                 <KpiTile
                     label="Policies"
                     value={kpis.total}

gravitee-gamma/gravitee-gamma-module-authz/src/main/ui/features/policy-structure/ActionsPage.tsx

@@ -201,7 +201,7 @@ export function ActionsPage() {
                 </div>
             </header>
 
-            <div className="grid gap-4" style={{ gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))' }} aria-label="Key metrics">
+            <div className="grid grid-cols-4 gap-4" aria-label="Key metrics">
                 <KpiTile
                     label="Total actions"
                     value={total}

gravitee-gamma/gravitee-gamma-module-authz/src/main/ui/features/policy-structure/EntitiesPage.tsx

@@ -458,7 +458,7 @@ export function EntitiesPage() {
                 </div>
             </header>
 
-            <div className="grid gap-4" style={{ gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))' }} aria-label="Key metrics">
+            <div className="grid grid-cols-4 gap-4" aria-label="Key metrics">
                 <KpiTile
                     label="Total entities"
                     value={kpis.total}

gravitee-gamma/gravitee-gamma-module-authz/src/main/ui/features/policy-structure/SchemaPage.tsx

@@ -201,11 +201,7 @@ export function SchemaPage() {
                         </Alert>
                     )}
 
-                    <div
-                        className="grid gap-4"
-                        style={{ gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))' }}
-                        aria-label="Schema summary"
-                    >
+                    <div className="grid grid-cols-4 gap-4" aria-label="Schema summary">
                         <KpiTile
                             label="Entities"
                             value={parsed.entities.length}