Fix frontend 3

frontend/src/router/AppRouter.tsx

@@ -30,6 +30,7 @@ const NotificationsPage = React.lazy(() => import('../pages/app/communications/n
 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'));
@@ -214,6 +215,16 @@ export const AppRouter: React.FC = () => {
         />
 
         {/* Settings Routes */}
+        <Route 
+          path="/app/settings/profile" 
+          element={
+            <ProtectedRoute>
+              <AppShell>
+                <ProfilePage />
+              </AppShell>
+            </ProtectedRoute>
+          } 
+        />
         <Route 
           path="/app/settings/bakery-config" 
           element={

frontend/src/router/routes.config.ts

@@ -345,6 +345,16 @@ export const routesConfig: RouteConfig[] = [
     requiresAuth: true,
     showInNavigation: true,
     children: [
+      {
+        path: '/app/settings/profile',
+        name: 'Profile',
+        component: 'ProfilePage',
+        title: 'Mi Perfil',
+        icon: 'user',
+        requiresAuth: true,
+        showInNavigation: true,
+        showInBreadcrumbs: true,
+      },
       {
         path: '/app/settings/bakery-config',
         name: 'BakeryConfig',