Improve the design of the frontend

frontend/src/components/layout/Layout.tsx

@@ -9,7 +9,8 @@ import {
   LogOut, 
   User,
   Bell,
-  ChevronDown
+  ChevronDown,
+  ChefHat
 } from 'lucide-react';
 
 interface LayoutProps {
@@ -38,9 +39,10 @@ const Layout: React.FC<LayoutProps> = ({
   const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);
 
   const navigation: NavigationItem[] = [
-    { id: 'dashboard', label: 'Panel Principal', icon: Home, href: '/dashboard' },
-    { id: 'forecast', label: 'Predicciones', icon: TrendingUp, href: '/forecast' },
+    { id: 'dashboard', label: 'Inicio', icon: Home, href: '/dashboard' },
     { id: 'orders', label: 'Pedidos', icon: Package, href: '/orders' },
+    { id: 'production', label: 'Producción', icon: ChefHat, href: '/production' },
+    { id: 'reports', label: 'Informes', icon: TrendingUp, href: '/reports' },
     { id: 'settings', label: 'Configuración', icon: Settings, href: '/settings' },
   ];