Navigation entre menu et messages

src/app/app.component.html

@@ -1 +1 @@
-<router-outlet></router-outlet>
+<router-outlet/>

src/app/app.component.ts

@@ -1,9 +1,5 @@
 import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
-import {LoginFormComponent} from "./pages/login-form/login-form.component";
-import {MessagesInfoUser} from "./pages/messages/messages-infouser/messages-infouser.component";
-import {MessagesMain} from "./pages/messages/messages-main/messages-main.component";
-
 
 @Component({
   selector: 'app-root',

src/app/pages/login-form/login-form.component.ts

@@ -12,6 +12,6 @@ import {
   selector: 'login-form',
   templateUrl: 'login-form.component.html',
   styleUrls: ['login-form.component.css'],
-  imports: [IonButton, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle],
+  imports: [IonButton, IonCard, IonCardContent, IonCardHeader, IonCardTitle],
 })
 export class LoginFormComponent {}

src/app/pages/menu/menu-nav/menu-nav.component.ts

@@ -11,6 +11,6 @@ export class MenuNav {
   private router = inject(Router)
 
   openNav() {
-    this.router.navigate(['/messages']);
+    this.router.navigate(['/main/messages']);
   }
 }

src/app/pages/messages/messages-menu/messages-menu.component.ts

@@ -11,6 +11,6 @@ export class MessagesMenu {
   private router = inject(Router)
 
   openMenu() {
-    this.router.navigate(['/menu']);
+    this.router.navigate(['/main/menu']);
   }
 }