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.css

@@ -104,10 +104,15 @@
   background: var(--surface);
   color: var(--accent);
 }
-.feature-icon svg {
+.feature-icon fa-icon {
+  display: flex;
   width: 24px;
   height: 24px;
 }
+.feature-icon fa-icon svg {
+  width: 100%;
+  height: 100%;
+}
 .user-profile {
   display: flex;
   align-items: center;

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

@@ -13,10 +13,7 @@
       [attr.aria-busy]="workspace.apartmentLoadState().loading"
     >
       <div class="feature-icon" aria-hidden="true">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
-          <path d="M4 21V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16M2 21h20" />
-          <path d="M8 8h8M8 12h8M8 16h4" />
-        </svg>
+        <fa-icon [icon]="faTableCellsLarge" />
       </div>
       <div>
         <p class="eyebrow">Votre portefeuille</p>

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);