Improve the frontend modals

frontend/src/router/AppRouter.tsx

@@ -53,6 +53,7 @@ const OrganizationsPage = React.lazy(() => import('../pages/app/settings/organiz
 const DatabasePage = React.lazy(() => import('../pages/app/database/DatabasePage'));
 const ModelsConfigPage = React.lazy(() => import('../pages/app/database/models/ModelsConfigPage'));
 const QualityTemplatesPage = React.lazy(() => import('../pages/app/database/quality-templates/QualityTemplatesPage'));
+const SustainabilityPage = React.lazy(() => import('../pages/app/database/sustainability/SustainabilityPage'));
 
 // Data pages
 const WeatherPage = React.lazy(() => import('../pages/app/data/weather/WeatherPage'));
@@ -238,6 +239,16 @@ export const AppRouter: React.FC = () => {
             </ProtectedRoute>
           }
         />
+        <Route
+          path="/app/database/sustainability"
+          element={
+            <ProtectedRoute>
+              <AppShell>
+                <SustainabilityPage />
+              </AppShell>
+            </ProtectedRoute>
+          }
+        />
         <Route
           path="/app/database/maquinaria"
           element={

frontend/src/router/routes.config.ts

@@ -97,7 +97,9 @@ export const ROUTES = {
   // Suppliers
   SUPPLIERS: '/app/database/suppliers',
 
-  
+  // Sustainability
+  SUSTAINABILITY: '/app/database/sustainability',
+
   // Point of Sale
   POS: '/app/operations/pos',
   POS_INTEGRATION: '/pos/integration',
@@ -421,7 +423,7 @@ export const routesConfig: RouteConfig[] = [
         name: 'Recipes',
         component: 'RecipesPage',
         title: 'Recetas',
-        icon: 'production',
+        icon: 'chef-hat',
         requiresAuth: true,
         showInNavigation: true,
         showInBreadcrumbs: true,
@@ -441,7 +443,7 @@ export const routesConfig: RouteConfig[] = [
         name: 'Maquinaria',
         component: 'MaquinariaPage',
         title: 'Maquinaria',
-        icon: 'production',
+        icon: 'cog',
         requiresAuth: true,
         showInNavigation: true,
         showInBreadcrumbs: true,
@@ -451,7 +453,7 @@ export const routesConfig: RouteConfig[] = [
         name: 'QualityTemplates',
         component: 'QualityTemplatesPage',
         title: 'Plantillas de Calidad',
-        icon: 'settings',
+        icon: 'clipboard-check',
         requiresAuth: true,
         requiredRoles: ROLE_COMBINATIONS.MANAGEMENT_ACCESS,
         showInNavigation: true,
@@ -473,7 +475,17 @@ export const routesConfig: RouteConfig[] = [
         name: 'ModelsConfig',
         component: 'ModelsConfigPage',
         title: 'Modelos IA',
-        icon: 'training',
+        icon: 'brain-circuit',
+        requiresAuth: true,
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
+      {
+        path: '/app/database/sustainability',
+        name: 'Sustainability',
+        component: 'SustainabilityPage',
+        title: 'Sostenibilidad',
+        icon: 'leaf',
         requiresAuth: true,
         showInNavigation: true,
         showInBreadcrumbs: true,