Index: frontend/src/App.js
===================================================================
--- frontend/src/App.js	(revision d30d82041a2812a401511ea2aadede496a8eeb01)
+++ frontend/src/App.js	(revision 6c00695efaeff79d43ec7934ae4e04fac7bd67a0)
@@ -1,8 +1,6 @@
-
-
 import React, { useEffect, useState } from 'react';
+import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
 import Navbar from './components/Navbar';
-import ProtectedRoute from './components/ProtectedRoute';
-import Login from './pages/Login';
+import Dashboard from './pages/Dashboard';
 import PatientList from './pages/patients/PatientList';
 import PatientDetail from './pages/patients/PatientDetail';
@@ -10,15 +8,20 @@
 import DoctorList from './pages/doctors/DoctorList';
 import DoctorDetail from './pages/doctors/DoctorDetail';
-import DoctorForm from './pages/doctors/DoctorForm';v
+import DoctorForm from './pages/doctors/DoctorForm';
 import AppointmentList from './pages/appointments/AppointmentList';
 import AppointmentForm from './pages/appointments/AppointmentForm';
+import MedicalRecordList from './pages/medical-records/MedicalRecordList';
+import MedicalRecordDetail from './pages/medical-records/MedicalRecordDetail';
+import BillingList from './pages/billing/BillingList';
+import BillingDetail from './pages/billing/BillingDetail';
+import ReferralList from './pages/referrals/ReferralList';
+import MedicalReportList from './pages/medical-reports/MedicalReportList';
+import LabTestList from './pages/lab-tests/LabTestList';
+import LabResultForm from './pages/lab-tests/LabResultForm';
+import ProcedureList from './pages/procedures/ProcedureList';
+import ProcedureResultForm from './pages/procedures/ProcedureResultForm';
 import DepartmentList from './pages/departments/DepartmentList';
 import DepartmentDetail from './pages/departments/DepartmentDetail';
 import DoctorsByDepartment from './pages/departments/DoctorsByDepartment';
-import MedicalRecordList from './pages/medical-records/MedicalRecordList';
-import MedicalRecordDetail from './pages/medical-records/MedicalRecordDetail';
-import ReferralList from './pages/referrals/ReferralList';
-import MedicalReportList from './pages/medical-reports/MedicalReportList';
-
 
 function App() {
@@ -74,7 +77,20 @@
               <Route path="/medical-reports" element={<ProtectedRoute><MedicalReportList /></ProtectedRoute>} />
 
-
               {/* Referral Routes */}
               <Route path="/referrals" element={<ProtectedRoute><ReferralList /></ProtectedRoute>} />
+
+              {/* Lab Test Routes */}
+              <Route path="/lab-tests" element={<ProtectedRoute><LabTestList /></ProtectedRoute>} />
+              <Route path="/lab-tests/results" element={<ProtectedRoute><LabResultForm /></ProtectedRoute>} />
+
+              {/* Procedure Routes */}
+              <Route path="/procedures" element={<ProtectedRoute><ProcedureList /></ProtectedRoute>} />
+              <Route path="/procedures/results" element={<ProtectedRoute><ProcedureResultForm /></ProtectedRoute>} />
+
+              {/* Billing Routes */}
+              <Route path="/billing" element={<ProtectedRoute><BillingList /></ProtectedRoute>} />
+              <Route path="/billing/:id" element={<ProtectedRoute><BillingDetail /></ProtectedRoute>} />
+
+
             </Routes>
           </main>
@@ -82,7 +98,5 @@
       </Router>
   );
+}
 
-
-
-              }
 export default App;