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/e2e/app.spec.ts

@@ -86,6 +86,14 @@ test('adapts authenticated navigation to the viewport', async ({ page }, testInf
     expect(Math.round((navigationBox?.y ?? 0) + (navigationBox?.height ?? 0))).toBe(
       viewport?.height,
     );
+    for (const button of await navigation.locator('.navigation-item').all()) {
+      const buttonBox = await button.boundingBox();
+      const labelBox = await button.locator('.mdc-button__label > span').boundingBox();
+      expect(buttonBox).not.toBeNull();
+      expect(labelBox).not.toBeNull();
+      expect(labelBox!.x).toBeGreaterThanOrEqual(buttonBox!.x);
+      expect(labelBox!.x + labelBox!.width).toBeLessThanOrEqual(buttonBox!.x + buttonBox!.width);
+    }
   }
 
   await navigation.getByRole('button', { name: 'Appartements' }).click();