Made the navbar logo redirect to homepage

src/app/components/navbar/navbar.component.css

@@ -14,6 +14,15 @@
   font-weight: 700;
 }
 
+.logo-link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.logo-link:hover {
+  text-decoration: underline;
+}
+
 .user-info {
   display: flex;
   align-items: center;

src/app/components/navbar/navbar.component.html

@@ -1,5 +1,5 @@
 <header class="header">
-  <h1>Kanban Board</h1>
+  <h1><a class="logo-link" routerLink="/">Kanban Board</a></h1>
   <div class="user-info">
     @if (authService.currentUser()) {
       <span class="username">{{ authService.currentUser()?.email }}</span>

src/app/components/navbar/navbar.component.ts

@@ -1,11 +1,12 @@
 import { Component, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { RouterLink } from '@angular/router';
 import { AuthService } from '../../services/auth.service';
 
 @Component({
   selector: 'app-navbar',
   standalone: true,
-  imports: [CommonModule],
+  imports: [CommonModule, RouterLink],
   templateUrl: './navbar.component.html',
   styleUrl: './navbar.component.css'
 })