Improve subcription support

frontend/src/router/AppRouter.tsx

@@ -35,6 +35,7 @@ const BakeryConfigPage = React.lazy(() => import('../pages/app/settings/bakery-c
 const SystemSettingsPage = React.lazy(() => import('../pages/app/settings/system/SystemSettingsPage'));
 const TeamPage = React.lazy(() => import('../pages/app/settings/team/TeamPage'));
 const TrainingPage = React.lazy(() => import('../pages/app/settings/training/TrainingPage'));
+const SubscriptionPage = React.lazy(() => import('../pages/app/settings/subscription/SubscriptionPage'));
 
 // Data pages
 const WeatherPage = React.lazy(() => import('../pages/app/data/weather/WeatherPage'));
@@ -265,6 +266,16 @@ export const AppRouter: React.FC = () => {
             </ProtectedRoute>
           } 
         />
+        <Route 
+          path="/app/settings/subscription" 
+          element={
+            <ProtectedRoute>
+              <AppShell>
+                <SubscriptionPage />
+              </AppShell>
+            </ProtectedRoute>
+          } 
+        />
 
         {/* Data Routes */}
         <Route 

frontend/src/router/routes.config.ts

@@ -123,6 +123,7 @@ export const ROUTES = {
   SETTINGS_INTEGRATIONS: '/settings/integrations',
   SETTINGS_PREFERENCES: '/settings/preferences',
   SETTINGS_BILLING: '/settings/billing',
+  SETTINGS_SUBSCRIPTION: '/app/settings/subscription',
   
   // Reports
   REPORTS: '/reports',
@@ -399,6 +400,17 @@ export const routesConfig: RouteConfig[] = [
         showInNavigation: true,
         showInBreadcrumbs: true,
       },
+      {
+        path: '/app/settings/subscription',
+        name: 'Subscription',
+        component: 'SubscriptionPage',
+        title: 'Suscripción y Facturación',
+        icon: 'credit-card',
+        requiresAuth: true,
+        requiredRoles: ['admin', 'owner'],
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
     ],
   },