feat: Add toast notifications and 404 routing

- Integrate ngx-sonner for toast notifications
- Update routing to use NotFound component
- Add toaster to root component

Author: ishansasika

src/app/app.html

@@ -1,3 +1,4 @@
+<ngx-sonner-toaster position="top-right" [duration]="3000" />
 <div class="page-container">
   <app-header />
   <div class="content-wrapper">

src/app/app.routes.ts

@@ -3,11 +3,12 @@ import { Home } from './pages/home/home';
 import { About } from './pages/about/about';
 import { Services } from './pages/services/services';
 import { Contact } from './pages/contact/contact';
+import { NotFoundComponent } from './pages/not-found/not-found';
 
 export const routes: Routes = [
   { path: '', component: Home },
   { path: 'about', component: About },
   { path: 'services', component: Services },
   { path: 'contact', component: Contact },
-  { path: '**', redirectTo: '' },
+  { path: '**', component: NotFoundComponent },
 ];

src/app/app.ts

@@ -1,14 +1,13 @@
 import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
+import { NgxSonnerToaster } from 'ngx-sonner';
 import { Header } from './components/header/header';
 import { Footer } from './components/footer/footer';
 
 @Component({
   selector: 'app-root',
-  imports: [RouterOutlet, Header, Footer],
+  imports: [RouterOutlet, Header, Footer, NgxSonnerToaster],
   templateUrl: './app.html',
-  styleUrl: './app.css'
+  styleUrl: './app.css',
 })
-export class App {
-
-}
+export class App {}