Improve the frontend modals

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,