fix(ui): улучшить мобильные экраны и сводку GRE и VXLAN

components/reui-kit/kpi-stat-grid.tsx

@@ -203,6 +203,7 @@ interface KpiStatGridProps {
   emptyMessage?: ReactNode
   emptyIcon?: ReactNode
   className?: string
+  gridClassName?: string
   skeletonCount?: number
   embedded?: boolean
   "aria-label"?: string
@@ -255,6 +256,7 @@ export function KpiStatGrid({
   emptyIcon,
   className,
   skeletonCount = 4,
+  gridClassName,
   embedded = false,
   "aria-label": ariaLabel,
 }: KpiStatGridProps) {
@@ -280,7 +282,7 @@ export function KpiStatGrid({
   if (embedded) {
     return (
       <section aria-label={ariaLabel} className={cn("@container w-full", className)}>
-        <div className={cn("grid gap-2", kpiCols(list.length || 1))}>
+        <div className={cn("grid gap-2", kpiCols(list.length || 1), gridClassName)}>
           {list.map((item, index) => (
             <KpiStatCardTile key={kpiStatItemKey(item, index)} item={item} embedded />
           ))}
@@ -291,7 +293,7 @@ export function KpiStatGrid({
 
   return (
     <Frame className={cn("@container w-full min-w-0", className)} aria-label={ariaLabel}>
-      <div className={cn("grid gap-2", kpiCols(list.length || 1))}>
+      <div className={cn("grid gap-2", kpiCols(list.length || 1), gridClassName)}>
         {list.map((item, index) => (
           <KpiStatCardItem key={kpiStatItemKey(item, index)} item={item} />
         ))}