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/settings-page/settings-page.css

@@ -61,10 +61,15 @@
   background: var(--surface-accent);
   color: var(--accent);
 }
-.settings-icon svg {
+.settings-icon fa-icon {
+  display: flex;
   width: 24px;
   height: 24px;
 }
+.settings-icon fa-icon svg {
+  width: 100%;
+  height: 100%;
+}
 .settings-copy h2 {
   margin-bottom: 5px;
 }