Replaced mock data with live database data; minoe aesthetic changes

README.md

@@ -36,7 +36,7 @@ graph TD
 │   ├── components/    # Reusable React UI components
 │   │   ├── Dashboard.jsx    # Metrics cards and Live Patient Board list
 │   │   ├── Sidebar.jsx      # Navigation bar and user/physician profile context
-│   │   └── TripTracker.jsx  # Interactive MapLibre world map & active patient logs
+│   │   └── LiveTracking.jsx  # Interactive MapLibre world map & active patient logs
 │   ├── App.jsx        # App root layout shell & page navigation controller
 │   ├── index.css      # CSS styles, layout grid, CSS custom properties (variables)
 │   └── main.jsx       # React application entry point
@@ -49,7 +49,7 @@ graph TD
 ## Core Features
 
 ### 1. Interactive Patient World Map
-Located in `src/components/TripTracker.jsx`, this component renders patient destinations across the globe:
+Located in `src/components/LiveTracking.jsx`, this component renders patient destinations across the globe:
 - **Centroid Coordinates**: Destructuring ISO-2 country codes (e.g., `TH`, `GH`, `MX`) to map them to coordinates using a centroid lookup dataset (`src/assets/countries.json`).
 - **Interactive Markers**: Displays pulsed, color-coded rings corresponding to the patient's status. Clicking a marker centers the map using a smooth transition (`flyTo`) and displays a detailed information popup.
 - **English Label Translation**: Coerces country names on the map to display in English.