feat(#83): Add reset password and forgot password UI with email displ…

src/app/app.routes.ts

@@ -5,18 +5,27 @@ import { authGuard } from './guards/auth-guard';
 import { roleGuard } from './guards/role-guard';
 import { Chat } from './pages/chat/chat';
 import { AuditLog } from './pages/admin/audit-log/audit-log';
+import { ForgotPassword } from './pages/forgot-password/forgot-password';
+import { ResetPassword } from './pages/reset-password/reset-password';
 
 export const routes: Routes = [
   {
     path: '',
     redirectTo: 'login',
     pathMatch: 'full',
+  },{
+    path: 'reset-password',
+    component: ResetPassword,
   },
   {
     path: 'login',
     component: Login,
     canActivate: [authGuard],
   },
+  {
+    path: 'forgot-password',
+    component: ForgotPassword,
+  },
   {
     path: 'admin',
     canActivate: [authGuard, roleGuard],

src/app/auth/login/login.html

@@ -108,7 +108,7 @@ <h1 class="serif text-4xl sm:text-5xl font-semibold text-zinc-900 leading-tight"
                   Password
                 </label>
                 <a
-                  href="#"
+                  routerLink="/forgot-password"
                   class="text-xs text-zinc-400 hover:text-zinc-900 transition-colors duration-150 underline underline-offset-2"
                 >
                   Forgot password?

src/app/auth/login/login.ts

@@ -1,14 +1,14 @@
 import { Component, inject } from '@angular/core';
 import { Auth } from '../../core/services/auth';
 import { Token } from '../../core/services/token';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
 import { LoginRequest } from '../../models/auth';
 import { ChatSessionService } from '../../services/chat-session.service';
 
 @Component({
   selector: 'app-login',
-  imports: [ReactiveFormsModule],
+  imports: [ReactiveFormsModule, RouterLink],
   templateUrl: './login.html',
   styleUrl: './login.css',
 })