Replaced mock data with live database data; minoe aesthetic changes

src/App.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import Sidebar from './components/Sidebar.jsx'
 import Dashboard from './components/Dashboard.jsx'
-import TripTracker from './components/TripTracker.jsx'
+import LiveTracking from './components/LiveTracking.jsx'
 
 /**
  * App — root layout component.
@@ -13,8 +13,8 @@ export default function App() {
 
   function renderPage() {
     switch (activePage) {
-      case 'trip-tracker': return <TripTracker />
-      default:             return <Dashboard />
+      case 'live-tracking': return <LiveTracking />
+      default: return <Dashboard />
     }
   }