feat: Implement detail view for specific invoice

apps/web/src/routes.tsx

@@ -25,6 +25,7 @@ import Schedule from './features/operations/schedule/Schedule';
 import StaffAvailability from './features/operations/availability/StaffAvailability';
 import TaskBoard from './features/operations/tasks/TaskBoard';
 import InvoiceList from './features/finance/invoices/InvoiceList';
+import InvoiceDetail from './features/finance/invoices/InvoiceDetail';
 
 
 /**
@@ -116,7 +117,8 @@ const AppRoutes: React.FC = () => {
 
             {/* Finance Routes */}
           <Route path="/invoices" element={<InvoiceList />} />
-           
+          <Route path="/invoices/:id" element={<InvoiceDetail />} />
+
         </Route>
         <Route path="*" element={<Navigate to="/login" replace />} />
       </Routes>