Improve ondobarding steps

frontend/src/router/AppRouter.tsx

@@ -25,16 +25,12 @@ const AIInsightsPage = React.lazy(() => import('../pages/app/analytics/ai-insigh
 const PerformanceAnalyticsPage = React.lazy(() => import('../pages/app/analytics/performance/PerformanceAnalyticsPage'));
 
 // Communications pages
-const AlertsPage = React.lazy(() => import('../pages/app/communications/alerts/AlertsPage'));
-const NotificationsPage = React.lazy(() => import('../pages/app/communications/notifications/NotificationsPage'));
 const PreferencesPage = React.lazy(() => import('../pages/app/communications/preferences/PreferencesPage'));
 
 // Settings pages
 const ProfilePage = React.lazy(() => import('../pages/app/settings/profile/ProfilePage'));
 const BakeryConfigPage = React.lazy(() => import('../pages/app/settings/bakery-config/BakeryConfigPage'));
-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
@@ -184,26 +180,6 @@ export const AppRouter: React.FC = () => {
         />
 
         {/* Communications Routes */}
-        <Route 
-          path="/app/communications/alerts" 
-          element={
-            <ProtectedRoute>
-              <AppShell>
-                <AlertsPage />
-              </AppShell>
-            </ProtectedRoute>
-          } 
-        />
-        <Route 
-          path="/app/communications/notifications" 
-          element={
-            <ProtectedRoute>
-              <AppShell>
-                <NotificationsPage />
-              </AppShell>
-            </ProtectedRoute>
-          } 
-        />
         <Route 
           path="/app/communications/preferences" 
           element={
@@ -214,6 +190,18 @@ export const AppRouter: React.FC = () => {
             </ProtectedRoute>
           } 
         />
+        
+        {/* Settings Routes */}
+        <Route 
+          path="/app/settings/preferences" 
+          element={
+            <ProtectedRoute>
+              <AppShell>
+                <PreferencesPage />
+              </AppShell>
+            </ProtectedRoute>
+          } 
+        />
 
         {/* Settings Routes */}
         <Route 
@@ -236,16 +224,6 @@ export const AppRouter: React.FC = () => {
             </ProtectedRoute>
           } 
         />
-        <Route 
-          path="/app/settings/system" 
-          element={
-            <ProtectedRoute>
-              <AppShell>
-                <SystemSettingsPage />
-              </AppShell>
-            </ProtectedRoute>
-          } 
-        />
         <Route 
           path="/app/settings/team" 
           element={
@@ -256,16 +234,6 @@ export const AppRouter: React.FC = () => {
             </ProtectedRoute>
           } 
         />
-        <Route 
-          path="/app/settings/training" 
-          element={
-            <ProtectedRoute>
-              <AppShell>
-                <TrainingPage />
-              </AppShell>
-            </ProtectedRoute>
-          } 
-        />
         <Route 
           path="/app/settings/subscription" 
           element={

frontend/src/router/routes.config.ts

@@ -378,28 +378,6 @@ export const routesConfig: RouteConfig[] = [
         showInNavigation: true,
         showInBreadcrumbs: true,
       },
-      {
-        path: '/app/settings/system',
-        name: 'SystemSettings',
-        component: 'SystemSettingsPage',
-        title: 'Configuración del Sistema',
-        icon: 'settings',
-        requiresAuth: true,
-        requiredRoles: ['admin'],
-        showInNavigation: true,
-        showInBreadcrumbs: true,
-      },
-      {
-        path: '/app/settings/training',
-        name: 'Training',
-        component: 'TrainingPage',
-        title: 'Entrenamiento',
-        icon: 'training',
-        requiresAuth: true,
-        requiredRoles: ['admin', 'manager'],
-        showInNavigation: true,
-        showInBreadcrumbs: true,
-      },
       {
         path: '/app/settings/subscription',
         name: 'Subscription',
@@ -411,10 +389,20 @@ export const routesConfig: RouteConfig[] = [
         showInNavigation: true,
         showInBreadcrumbs: true,
       },
+      {
+        path: '/app/settings/preferences',
+        name: 'CommunicationPreferences',
+        component: 'PreferencesPage',
+        title: 'Preferencias de Comunicación',
+        icon: 'settings',
+        requiresAuth: true,
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
     ],
   },
 
-  // Communications Section
+  // Communications Section - Keep only for backwards compatibility
   {
     path: '/app/communications',
     name: 'Communications',
@@ -422,28 +410,8 @@ export const routesConfig: RouteConfig[] = [
     title: 'Comunicaciones',
     icon: 'notifications',
     requiresAuth: true,
-    showInNavigation: true,
+    showInNavigation: false,
     children: [
-      {
-        path: '/app/communications/alerts',
-        name: 'Alerts',
-        component: 'AlertsPage',
-        title: 'Alertas',
-        icon: 'notifications',
-        requiresAuth: true,
-        showInNavigation: true,
-        showInBreadcrumbs: true,
-      },
-      {
-        path: '/app/communications/notifications',
-        name: 'Notifications',
-        component: 'NotificationsPage',
-        title: 'Notificaciones',
-        icon: 'notifications',
-        requiresAuth: true,
-        showInNavigation: true,
-        showInBreadcrumbs: true,
-      },
       {
         path: '/app/communications/preferences',
         name: 'Preferences',
@@ -451,7 +419,7 @@ export const routesConfig: RouteConfig[] = [
         title: 'Preferencias',
         icon: 'settings',
         requiresAuth: true,
-        showInNavigation: true,
+        showInNavigation: false,
         showInBreadcrumbs: true,
       },
     ],