feat: add AppLayout, BrandLogo, ProfileMenu, and RouteBadge components

- Implemented AppLayout component for application shell with navigation and sidebar.
- Created BrandLogo component to display the application logo.
- Developed ProfileMenu component for user profile management with dropdown functionality.
- Added RouteBadge component to visually represent route numbers with color coding.

style: add CSS styles for Dashboard and Routes pages

- Introduced Dashboard.css for styling the dashboard layout and components.
- Created RoutesPage.css for styling the routes page, including filters and table layout.
- Added SchedulesPage.css for styling the schedules layout and route options.

docker-compose.yml

@@ -59,7 +59,7 @@ services:
       FCM_TOPIC: "${FCM_TOPIC:-route_alerts}"
       FCM_ANDROID_CHANNEL_ID: "${FCM_ANDROID_CHANNEL_ID:-route_alerts}"
       FIREBASE_PROJECT_ID: "${FIREBASE_PROJECT_ID:-}"
-      GOOGLE_APPLICATION_CREDENTIALS: "${GOOGLE_APPLICATION_CREDENTIALS:-}"
+      GOOGLE_APPLICATION_CREDENTIALS: "${GOOGLE_APPLICATION_CREDENTIALS:-/run/secrets/firebase-service-account.json}"
     ports:
       - "3000:3000"
     depends_on:
@@ -73,6 +73,7 @@ services:
     volumes:
       - ./backend/logs:/app/logs
       - avatars_data:/app/public/uploads/avatars
+      - ${FIREBASE_SECRETS_DIR:-./secrets}:/run/secrets:ro
 
   frontend:
     build: