Fix new services implementation 11

frontend/src/App.tsx

@@ -15,6 +15,7 @@ import ForecastPage from './pages/forecast/ForecastPage';
 import OrdersPage from './pages/orders/OrdersPage';
 import InventoryPage from './pages/inventory/InventoryPage';
 import SalesPage from './pages/sales/SalesPage';
+import RecipesPage from './pages/recipes/RecipesPage';
 import SettingsPage from './pages/settings/SettingsPage';
 import Layout from './components/layout/Layout';
 
@@ -31,7 +32,7 @@ import './i18n';
 // Global styles
 import './styles/globals.css';
 
-type CurrentPage = 'landing' | 'login' | 'register' | 'onboarding' | 'dashboard' | 'reports' | 'orders' | 'production' | 'inventory' | 'sales' | 'settings';
+type CurrentPage = 'landing' | 'login' | 'register' | 'onboarding' | 'dashboard' | 'reports' | 'orders' | 'production' | 'inventory' | 'recipes' | 'sales' | 'settings';
 
 interface User {
   id: string;
@@ -295,6 +296,8 @@ const App: React.FC = () => {
           return <ProductionPage />;
         case 'inventory':
           return <InventoryPage />;
+        case 'recipes':
+          return <RecipesPage />;
         case 'sales':
           return <SalesPage />;
         case 'settings':
@@ -305,6 +308,7 @@ const App: React.FC = () => {
             onNavigateToReports={() => navigateTo('reports')}
             onNavigateToProduction={() => navigateTo('production')}
             onNavigateToInventory={() => navigateTo('inventory')}
+            onNavigateToRecipes={() => navigateTo('recipes')}
             onNavigateToSales={() => navigateTo('sales')}
           />;
       }