Improve the design of the frontend

frontend/src/App.tsx

@@ -9,6 +9,7 @@ import LoginPage from './pages/auth/LoginPage';
 import RegisterPage from './pages/auth/RegisterPage';
 import OnboardingPage from './pages/onboarding/OnboardingPage';
 import DashboardPage from './pages/dashboard/DashboardPage';
+import ProductionPage from './pages/production/ProductionPage';
 import ForecastPage from './pages/forecast/ForecastPage';
 import OrdersPage from './pages/orders/OrdersPage';
 import SettingsPage from './pages/settings/SettingsPage';
@@ -24,7 +25,7 @@ import './i18n';
 // Global styles
 import './styles/globals.css';
 
-type CurrentPage = 'landing' | 'login' | 'register' | 'onboarding' | 'dashboard' | 'forecast' | 'orders' | 'settings';
+type CurrentPage = 'landing' | 'login' | 'register' | 'onboarding' | 'dashboard' | 'reports' | 'orders' | 'production' | 'settings';
 
 interface User {
   id: string;
@@ -178,14 +179,20 @@ const App: React.FC = () => {
     // Main app pages with layout
     const pageComponent = () => {
       switch (appState.currentPage) {
-        case 'forecast':
+        case 'reports':
           return <ForecastPage />;
         case 'orders':
           return <OrdersPage />;
+        case 'production':
+          return <ProductionPage />;
         case 'settings':
           return <SettingsPage user={appState.user!} onLogout={handleLogout} />;
         default:
-          return <DashboardPage user={appState.user!} />;
+          return <DashboardPage 
+            onNavigateToOrders={() => navigateTo('orders')}
+            onNavigateToReports={() => navigateTo('reports')}
+            onNavigateToProduction={() => navigateTo('production')}
+          />;
       }
     };