Improve the frontend modals

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

@@ -1,6 +1,6 @@
 import React, { useState, useMemo } from 'react';
 import { Plus, Clock, AlertCircle, CheckCircle, Timer, ChefHat, Eye, Edit, Package, PlusCircle, Play } from 'lucide-react';
-import { Button, StatsGrid, EditViewModal, Toggle, SearchAndFilter, type FilterConfig } from '../../../../components/ui';
+import { Button, StatsGrid, EditViewModal, Toggle, SearchAndFilter, type FilterConfig, EmptyState } from '../../../../components/ui';
 import { statusColors } from '../../../../styles/colors';
 import { formatters } from '../../../../components/ui/Stats/StatsPresets';
 import { LoadingSpinner } from '../../../../components/ui';
@@ -471,22 +471,18 @@ const ProductionPage: React.FC = () => {
 
           {/* Empty State */}
           {filteredBatches.length === 0 && (
-            <div className="text-center py-12">
-              <ChefHat className="mx-auto h-12 w-12 text-[var(--text-tertiary)] mb-4" />
-              <h3 className="text-lg font-medium text-[var(--text-primary)] mb-2">
-                No se encontraron lotes de producción
-              </h3>
-              <p className="text-[var(--text-secondary)] mb-4">
-                {batches.length === 0
+            <EmptyState
+              icon={ChefHat}
+              title="No se encontraron lotes de producción"
+              description={
+                batches.length === 0
                   ? 'No hay lotes de producción activos. Crea el primer lote para comenzar.'
                   : 'Intenta ajustar la búsqueda o crear un nuevo lote de producción'
-                }
-              </p>
-              <Button onClick={() => setShowCreateModal(true)}>
-                <Plus className="w-4 h-4 mr-2" />
-                Nueva Orden de Producción
-              </Button>
-            </div>
+              }
+              actionLabel="Nueva Orden de Producción"
+              actionIcon={Plus}
+              onAction={() => setShowCreateModal(true)}
+            />
           )}
         </>