feat: integrate FontAwesome icons across various components

- Updated apartment-list component to use FontAwesome icons for better visual representation.
- Refactored brand-mark component to utilize FontAwesome for the brand icon.
- Enhanced dashboard-page with FontAwesome icons for improved navigation.
- Replaced SVG icons with FontAwesome in settings-page for consistency and better performance.
- Updated sign-in-page to use FontAwesome for the sign-in action icon.
- Refactored tenant-card to incorporate FontAwesome icons for attachments.
- Enhanced workspace-navigation with FontAwesome icons for all navigation items.
- Applied consistent styling for fa-icon elements across components.

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

@@ -1,4 +1,6 @@
 import { Component, computed, inject, signal } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { faTableCellsLarge } from '@fortawesome/free-solid-svg-icons';
 import { HttpClient } from '@angular/common/http';
 import { Router } from '@angular/router';
 import { MatButtonModule } from '@angular/material/button';
@@ -8,11 +10,12 @@ import { WorkspaceService } from '../../services/workspace.service';
 
 @Component({
   selector: 'app-dashboard-page',
-  imports: [MatButtonModule, MatProgressBarModule],
+  imports: [FontAwesomeModule, MatButtonModule, MatProgressBarModule],
   templateUrl: './dashboard-page.html',
   styleUrl: './dashboard-page.css',
 })
 export class DashboardPage {
+  readonly faTableCellsLarge = faTableCellsLarge;
   private readonly http = inject(HttpClient);
   private readonly router = inject(Router);
   readonly session = inject(SessionService);