How to Redirect Users to Last Active Page before Logout in Angular ?

// dashboard.component.ts

import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { LastActivePageService } 
    from '../../services/last-active-page.service';

@Component({
    selector: 'app-dashboard',
    templateUrl: './dashboard.component.html',
    styleUrls: ['./dashboard.component.css']
})
export class DashboardComponent {
    constructor(private router: Router, 
                private lastActivePageService: LastActivePageService) { }

    logout(): void {
        // Store the current URL before logout
        this.lastActivePageService.storeLastActivePage(this.router.url);

        this.router.navigateByUrl('/login');
    }
}

// home.component.ts

import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { LastActivePageService } 
    from '../../services/last-active-page.service';

@Component({
    selector: 'app-home-page',
    templateUrl: './home.component.html',
    styleUrls: ['./home.component.css']
})
export class HomePageComponent {
    constructor(private router: Router, 
                private lastActivePageService: LastActivePageService) { }

    logout(): void {
    
        // Store the current URL before logout
        this.lastActivePageService.storeLastActivePage(this.router.url);
        this.router.navigateByUrl('/login');
    }
}

// login.component.ts

import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { LastActivePageService } 
    from '../../services/last-active-page.service';

@Component({
    selector: 'app-login',
    templateUrl: './login.component.html',
    styleUrls: ['./login.component.css']
})
export class LoginComponent {
    username: string = '';
    password: string = '';

    constructor(private router: Router, 
                private lastActivePageService: LastActivePageService) { }

    login(): void {

        const enteredUsername = this.username.trim();
        const enteredPassword = this.password.trim();

        if (enteredUsername === 'admin' && enteredPassword === 'admin') {

            const lastActivePage = 
                this.lastActivePageService.getLastActivePage();
            if (lastActivePage) {
                this.router.navigateByUrl(lastActivePage);
            } else {
            
                // If no last active page is available,
                // redirect to the default dashboard page.
                this.router.navigateByUrl('/dashboard');
            }
        } else {
            console.log('Login failed. Invalid credentials.');
        }
    }
}

// last-active-page.service.ts

import { Injectable } from '@angular/core';

@Injectable({
    providedIn: 'root'
})
export class LastActivePageService {
    private lastActivePage: string | null = null;

    constructor() { }

    storeLastActivePage(url: string): void {
        this.lastActivePage = url;
    }

    getLastActivePage(): string | null {
        return this.lastActivePage;
    }

    clearLastActivePage(): void {
        this.lastActivePage = null;
    }
}

// app-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } 
    from '@angular/router';
import { LoginComponent } 
    from './components/login/login.component';
import { DashboardComponent }
    from './components/dashboard/dashboard.component';
import { HomePageComponent } 
    from './components/home/home.component';

const routes: Routes = [
    { path: 'login', component: LoginComponent },
    { path: 'dashboard', component: DashboardComponent },
    { path: 'home', component: HomePageComponent },
    
    // Default route to home page
    { path: '', redirectTo: '/home', pathMatch: 'full' }, 
    
    // Redirect any other route to home page
    { path: '**', redirectTo: '/home' } 
];

@NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
})
export class AppRoutingModule { }

// app.module.ts

import { NgModule } 
    from '@angular/core';
import { BrowserModule } 
    from '@angular/platform-browser';
import { FormsModule } 
    from '@angular/forms';
import { AppRoutingModule } 
    from './app-routing.module';
import { AppComponent } 
    from './app.component';
import { LoginComponent } 
    from './components/login/login.component';
import { DashboardComponent } 
    from './components/dashboard/dashboard.component';
import { HomePageComponent } 
    from './components/home/home.component';
import { LastActivePageService } 
    from './services/last-active-page.service';

@NgModule({
    declarations: [
        AppComponent,
        LoginComponent,
        DashboardComponent,
        HomePageComponent
    ],
    imports: [
        BrowserModule,
        FormsModule,
        AppRoutingModule
    ],
    providers: [LastActivePageService],
    bootstrap: [AppComponent]
})
export class AppModule { }

//app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {}

// main.ts

import { platformBrowserDynamic } 
    from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));