Add frontend imporvements

frontend/src/router/AppRouter.tsx

@@ -15,6 +15,7 @@ const InventoryPage = React.lazy(() => import('../pages/app/operations/inventory
 const ProductionPage = React.lazy(() => import('../pages/app/operations/production/ProductionPage'));
 const RecipesPage = React.lazy(() => import('../pages/app/operations/recipes/RecipesPage'));
 const ProcurementPage = React.lazy(() => import('../pages/app/operations/procurement/ProcurementPage'));
+const SuppliersPage = React.lazy(() => import('../pages/app/operations/suppliers/SuppliersPage'));
 const OrdersPage = React.lazy(() => import('../pages/app/operations/orders/OrdersPage'));
 const POSPage = React.lazy(() => import('../pages/app/operations/pos/POSPage'));
 
@@ -112,6 +113,16 @@ export const AppRouter: React.FC = () => {
             </ProtectedRoute>
           } 
         />
+        <Route 
+          path="/app/operations/suppliers" 
+          element={
+            <ProtectedRoute>
+              <AppShell>
+                <SuppliersPage />
+              </AppShell>
+            </ProtectedRoute>
+          } 
+        />
         <Route 
           path="/app/operations/orders" 
           element={

frontend/src/router/routes.config.ts

@@ -267,6 +267,16 @@ export const routesConfig: RouteConfig[] = [
         showInNavigation: true,
         showInBreadcrumbs: true,
       },
+      {
+        path: '/app/operations/suppliers',
+        name: 'Suppliers',
+        component: 'SuppliersPage',
+        title: 'Proveedores',
+        icon: 'procurement',
+        requiresAuth: true,
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
       {
         path: '/app/operations/pos',
         name: 'POS',