Add new page designs 2

frontend/src/pages/app/operations/inventory/InventoryPage.tsx

@@ -230,7 +230,7 @@ const InventoryPage: React.FC = () => {
       {/* Stats Grid */}
       <StatsGrid 
         stats={inventoryStats}
-        columns={6}
+        columns={3}
       />
 
       {/* Low Stock Alert */}

frontend/src/pages/app/operations/orders/OrdersPage.tsx

@@ -188,7 +188,7 @@ const OrdersPage: React.FC = () => {
       {/* Stats Grid */}
       <StatsGrid 
         stats={stats}
-        columns={6}
+        columns={3}
       />
 
       {/* Simplified Controls */}

frontend/src/pages/app/operations/procurement/ProcurementPage.tsx

@@ -196,7 +196,7 @@ const ProcurementPage: React.FC = () => {
   ];
 
   return (
-    <div className="p-6 space-y-6">
+    <div className="space-y-6">
       <PageHeader
         title="Gestión de Compras"
         description="Administra órdenes de compra, proveedores y seguimiento de entregas"
@@ -221,7 +221,7 @@ const ProcurementPage: React.FC = () => {
       {/* Stats Grid */}
       <StatsGrid 
         stats={purchaseOrderStats}
-        columns={6}
+        columns={3}
       />
 
       {/* Tabs Navigation */}

frontend/src/pages/app/operations/production/ProductionPage.tsx

@@ -183,7 +183,7 @@ const ProductionPage: React.FC = () => {
       {/* Production Stats */}
       <StatsGrid 
         stats={pagePresets.production(mockProductionStats)}
-        columns={6}
+        columns={3}
       />
 
       {/* Tabs Navigation */}

frontend/src/pages/app/operations/recipes/RecipesPage.tsx

@@ -222,7 +222,7 @@ const RecipesPage: React.FC = () => {
       {/* Stats Grid */}
       <StatsGrid 
         stats={recipeStats}
-        columns={6}
+        columns={3}
       />
 
       {/* Simplified Controls */}