feat: add comprehensive loading feedback (#18)

frontend/src/app/components/dashboard-page/dashboard-page.ts

@@ -2,12 +2,13 @@ import { Component, computed, inject, signal } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Router } from '@angular/router';
 import { MatButtonModule } from '@angular/material/button';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { SessionService } from '../../services/session.service';
 import { WorkspaceService } from '../../services/workspace.service';
 
 @Component({
   selector: 'app-dashboard-page',
-  imports: [MatButtonModule],
+  imports: [MatButtonModule, MatProgressBarModule],
   templateUrl: './dashboard-page.html',
   styleUrl: './dashboard-page.css',
 })
@@ -19,7 +20,9 @@ export class DashboardPage {
   readonly userInitial = computed(() => this.session.username().charAt(0).toUpperCase());
   readonly helloMessage = signal('');
 
-  constructor() { this.workspace.loadApartments(); }
+  constructor() {
+    this.workspace.loadApartments();
+  }
 
   checkConnection(): void {
     this.http.get('/api/hello', { responseType: 'text' }).subscribe({
@@ -28,5 +31,7 @@ export class DashboardPage {
     });
   }
 
-  showApartments(): void { this.router.navigateByUrl('/apartments'); }
+  showApartments(): void {
+    this.router.navigateByUrl('/apartments');
+  }
 }