fix: fixed routes for lazy load

src/app/agent/agent-routing.module.ts

 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { AgentHomePageComponent } from './pages/home-page/home-page.component';
-import { PassengersComponent } from './pages/passengers/passengers.component';
+import { HomePageComponent } from './pages/home-page/home-page.component';
 import { ReservationsComponent } from './pages/reservations/reservations.component';
 import { PassengerAddComponent } from './pages/passenger-add/passenger-add.component';
 import { ReservationAddComponent } from './pages/reservation-add/reservation-add.component';
+import { PassengersComponent } from './pages/passengers/passengers.component';
 
 const routes: Routes = [
-    {
-        path: '',
-        title: 'Home',
-        component: AgentHomePageComponent,
-        children: [
-            {
-                path: 'passengers',
-                title: 'Pasajeros',
-                component: PassengersComponent
-            },
-            {
-              path: 'passengers/new',
-              title: 'Pasajeros',
-              component: PassengerAddComponent
-            },
-            {
-              path: 'passengers/edit/:id',
-              title: 'Pasajeros',
-              component: PassengerAddComponent
-            },
-            {
-                path: 'reservations',
-                title: 'Reservas',
-                component: ReservationsComponent
-            },
-            {
-              path: 'reservations/new',
-              title: 'Reservas',
-              component: ReservationAddComponent
-          }
-        ]
-    },
+  {
+    path: 'passengers',
+    title: 'Pasajeros',
+    component: PassengersComponent,
+  },
+  {
+    path: 'passengers/new',
+    title: 'Pasajeros',
+    component: PassengerAddComponent,
+  },
+  {
+    path: 'passengers/edit/:id',
+    title: 'Pasajeros',
+    component: PassengerAddComponent,
+  },
+  {
+    path: 'reservations',
+    title: 'Reservaciones',
+    component: ReservationsComponent,
+  },
+  {
+    path: 'reservations/new',
+    title: 'Reservaciones',
+    component: ReservationAddComponent,
+  },
+  {
+    path: 'reservations/edit/:id',
+    title: 'Reservaciones',
+    component: ReservationAddComponent,
+  },
 ];
 
 @NgModule({

src/app/agent/agent.module.ts

 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { HttpClientModule } from '@angular/common/http';
 import { SharedModule } from '../shared/shared.module';
 import { AgentRoutingModule } from './agent-routing.module';
-import { AgentHomePageComponent } from './pages/home-page/home-page.component';
+import { HomePageComponent } from './pages/home-page/home-page.component';
 import { PassengersComponent } from './pages/passengers/passengers.component';
-import { ReservationsComponent } from './pages/reservations/reservations.component';
 import { PassengerAddComponent } from './pages/passenger-add/passenger-add.component';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { HttpClientModule } from '@angular/common/http';
+import { ReservationsComponent } from './pages/reservations/reservations.component';
 import { ReservationAddComponent } from './pages/reservation-add/reservation-add.component';
 import { BaseInformationComponent } from './components/base-information/base-information.component';
 import { FlightInformationComponent } from './components/flight-information/flight-information.component';
@@ -15,10 +15,10 @@ import { SummaryInformationComponent } from './components/summary-information/su
 
 @NgModule({
   declarations: [
-    AgentHomePageComponent,
+    HomePageComponent,
     PassengersComponent,
-    ReservationsComponent,
     PassengerAddComponent,
+    ReservationsComponent,
     ReservationAddComponent,
     BaseInformationComponent,
     FlightInformationComponent,
@@ -34,6 +34,7 @@ import { SummaryInformationComponent } from './components/summary-information/su
   ],
   exports:[
     AgentRoutingModule,
+    HomePageComponent
   ]
 })
 export class AgentModule { }

src/app/agent/pages/home-page/home-page.component.ts

@@ -6,7 +6,7 @@ import { MenuItem } from 'src/app/shared/interfaces/menu-item.interface';
   templateUrl: './home-page.component.html',
   styleUrls: ['./home-page.component.css']
 })
-export class AgentHomePageComponent {
+export class HomePageComponent {
 
   public toggleSidebar: boolean = false;
 

src/app/app-routing.module.ts

 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import { HomePageComponent as AgentHomePageComponent } from './agent/pages/home-page/home-page.component';
+import { HomePageComponent as PassengerHomePageComponent } from './passenger/pages/home-page/home-page.component';
+import { HomePageComponent as SupervisorHomePageComponent } from './supervisor/pages/home-page/home-page.component';
 
 const routes: Routes = [
   {
     path: 'passengers',
-    loadChildren: () => import('./passenger/passenger.module').then(m => m.PassengerModule)
+    component: PassengerHomePageComponent,
+    loadChildren: () => import('./passenger/passenger.module').then(m => m.PassengerModule),
   },
   {
     path: 'agents',
+    component: AgentHomePageComponent,
     loadChildren: () => import('./agent/agent.module').then(m => m.AgentModule)
   },
   {
     path: 'supervisors',
+    component: SupervisorHomePageComponent,
     loadChildren: () => import('./supervisor/supervisor.module').then(m => m.SupervisorModule)
   }
 ];

src/app/app.component.html

-<router-outlet></router-outlet>
+<router-outlet></router-outlet>
\ No newline at end of file

src/app/app.component.ts

-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from './shared/interfaces/menu-item.interface';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
-export class AppComponent implements OnInit{
-  
-  public toggleSidebar: boolean = false;
+export class AppComponent {
 
-  public passengerMenuItems: MenuItem[] = [
-    {
-      label: 'Mis reservas',
-      icon: 'bi-bookmarks',
-      link: '/passengers/reservations'
-    },
-  ];
-
-  public supervisorMenuItems: MenuItem[] = [
-    {
-      label: 'Agentes',
-      icon: 'bi-people',
-      link: '/supervisors/agents'
-    },
-    {
-      label: 'Vuelos',
-      icon: 'bi-airplane',
-      link: '/supervisors/flight-config'
-    },
-  ];
-
-  public agentMenuItems: MenuItem[] = [
-    {
-      label: 'Pasajeros',
-      icon: 'bi-heart',
-      link: '/agents/passengers'
-    },
-    {
-      label: 'Reservas',
-      icon: 'bi-bookmarks',
-      link: '/agents/reservations'
-    },
-  ];
-
-  public menuItems: MenuItem[] = [];
-
-  ngOnInit(): void {
-    this.menuItems = this.agentMenuItems;
-  }
-
-  toggleSidebarEvent(): void {
-    this.toggleSidebar = !this.toggleSidebar;
-  }
 }

src/app/app.module.ts

 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { SupervisorModule } from './supervisor/supervisor.module';
-import { AgentModule } from './agent/agent.module';
 import { PassengerModule } from './passenger/passenger.module';
-import { SharedModule } from './shared/shared.module';
+import { AgentModule } from './agent/agent.module';
+import { AgentRoutingModule } from './agent/agent-routing.module';
 
 @NgModule({
   declarations: [
@@ -15,10 +14,10 @@ import { SharedModule } from './shared/shared.module';
   imports: [
     BrowserModule,
     AppRoutingModule,
-    SharedModule,
-    SupervisorModule,
     AgentModule,
-    PassengerModule
+    AgentRoutingModule,
+    SupervisorModule,
+    PassengerModule,
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/passenger/pages/home-page/home-page.component.html

@@ -3,6 +3,7 @@
         <shared-sidebar [toggle]="toggleSidebar" [menuItems]="menuItems"></shared-sidebar>
     </div>
     <div class="w-100">
+        <shared-navigation-user></shared-navigation-user>
         <shared-navigation (toggleSidebarEvent)="toggleSidebarEvent()"></shared-navigation>
         <router-outlet></router-outlet>
         <shared-footer></shared-footer>

src/app/passenger/passenger-rounting.module.ts

@@ -4,18 +4,11 @@ import { HomePageComponent } from './pages/home-page/home-page.component';
 import { MyReservationsComponent } from './pages/my-reservations/my-reservations.component';
 
 const routes: Routes = [
-    {
-        path: '',
-        title: 'Home',
-        component: HomePageComponent,
-        children: [
-            {
-                path: 'reservations',
-                title: 'Mis reservas',
-                component: MyReservationsComponent
-            },
-        ]
-    },
+  {
+    path: 'reservations',
+    title: 'Mis reservas',
+    component: MyReservationsComponent
+  },
 ];
 
 @NgModule({

src/app/supervisor/supervisor-routing.module.ts

@@ -7,38 +7,31 @@ import { AgentAddComponent } from './pages/agent-add/agent-add.component';
 import { FlightAddComponent } from './pages/flight-add/flight-add.component';
 
 const routes: Routes = [
-    {
-        path: '',
-        title: 'Home',
-        component: HomePageComponent,
-        children: [
-            {
-                path: 'flight-config',
-                title: 'Configuración de vuelos',
-                component: FlightConfigComponent
-            },
-            {
-              path: 'flight-config/new',
-              title: 'Configuración de vuelos',
-              component: FlightAddComponent
-            },
-            {
-                path: 'agents',
-                title: 'Agentes',
-                component: AgentsComponent,
-            },
-            {
-              path: 'agents/new',
-              title: "Agentes",
-              component: AgentAddComponent
-            },
-            {
-              path: 'agents/edit/:id',
-              title: "Agentes",
-              component: AgentAddComponent
-            }
-        ]
-    },
+  {
+    path: 'flight-config',
+    title: 'Configuración de vuelos',
+    component: FlightConfigComponent
+  },
+  {
+    path: 'flight-config/new',
+    title: 'Configuración de vuelos',
+    component: FlightAddComponent
+  },
+  {
+      path: 'agents',
+      title: 'Agentes',
+      component: AgentsComponent,
+  },
+  {
+    path: 'agents/new',
+    title: "Agentes",
+    component: AgentAddComponent
+  },
+  {
+    path: 'agents/edit/:id',
+    title: "Agentes",
+    component: AgentAddComponent
+  }
 ];
 
 @NgModule({