feat: add navigation links to entity names across screens

Add clickable links to patient and doctor names for quick navigation.
Fix broken command palette routes for surgeries and doctors.

Author: kasvith

src/renderer/src/components/command-palette/CommandPalette.tsx

@@ -121,7 +121,7 @@ export function CommandPalette({ open, onOpenChange }: CommandPaletteProps) {
                   <CommandItem
                     key={`surgery-${surgery.id}`}
                     value={`surgery ${surgery.title} ${surgery.bht}`}
-                    onSelect={() => runCommand(() => navigate(`/surgeries/${surgery.id}`))}
+                    onSelect={() => runCommand(() => navigate(`/patients/${surgery.patient_id}/surgeries/${surgery.id}`))}
                   >
                     <Stethoscope className="mr-2 h-4 w-4 text-green-500" />
                     <div className="flex flex-col">
@@ -140,7 +140,7 @@ export function CommandPalette({ open, onOpenChange }: CommandPaletteProps) {
                   <CommandItem
                     key={`doctor-${doctor.id}`}
                     value={`doctor ${doctor.name} ${doctor.slmc_reg_no}`}
-                    onSelect={() => runCommand(() => navigate(`/doctors/${doctor.id}`))}
+                    onSelect={() => runCommand(() => navigate(`/doctors/${doctor.id}/edit`))}
                   >
                     <UserCog className="mr-2 h-4 w-4 text-purple-500" />
                     <div className="flex flex-col">

src/renderer/src/components/surgery/SelectedPatientSidebar.tsx

@@ -3,6 +3,7 @@ import { cn } from '@renderer/lib/utils'
 import { User, Hash, Calendar, MapPin, Phone, ArrowLeft } from 'lucide-react'
 import { Button } from '@renderer/components/ui/button'
 import { Card, CardContent, CardHeader, CardTitle } from '@renderer/components/ui/card'
+import { Link } from 'react-router-dom'
 
 interface SelectedPatientSidebarProps {
   patient: Patient
@@ -58,7 +59,9 @@ export function SelectedPatientSidebar({
       <CardContent className="pt-0 space-y-4">
         {/* Patient Name & Gender Badge */}
         <div>
-          <h3 className="text-lg font-semibold truncate">{patient.name}</h3>
+          <Link to={`/patients/${patient.id}`} className="text-lg font-semibold truncate hover:text-primary hover:underline transition-colors block">
+            {patient.name}
+          </Link>
           <span
             className={cn(
               'inline-flex px-2 py-0.5 rounded text-xs font-medium mt-1',

src/renderer/src/routes/patients/edit-patient.tsx

@@ -10,7 +10,7 @@ import { format } from 'date-fns'
 import { Save, UserCog, Hash, Cake, User, Building2, Calendar, Eye } from 'lucide-react'
 import { useEffect, useRef } from 'react'
 import { toast } from '@renderer/components/ui/sonner'
-import { useParams } from 'react-router-dom'
+import { Link, useParams } from 'react-router-dom'
 import { Patient } from 'src/shared/types/db'
 import womenIcon from '../../../../../resources/woman.png?asset'
 import manIcon from '../../../../../resources/man.png?asset'
@@ -112,7 +112,9 @@ export const EditPatient = () => {
                         </div>
                       </div>
                       <div className="min-w-0 flex-1">
-                        <p className="font-semibold truncate">{data.name || 'Unknown'}</p>
+                        <Link to={`/patients/${data.id}`} className="font-semibold truncate hover:text-primary hover:underline transition-colors block">
+                          {data.name || 'Unknown'}
+                        </Link>
                         <p className="text-sm text-muted-foreground font-mono">{data.phn}</p>
                       </div>
                     </div>

src/renderer/src/routes/surgeries/view-surgery.tsx

@@ -118,7 +118,12 @@ const DoctorList = ({ doctors, emptyMessage }: DoctorListProps) => {
         <li key={doctor.id} className="flex items-center gap-2 text-sm">
           <div className="h-1.5 w-1.5 rounded-full bg-emerald-500" />
           <span>
-            Dr. {doctor.name}
+            <Link
+              to={`/doctors/${doctor.id}/edit`}
+              className="hover:text-primary hover:underline transition-colors"
+            >
+              Dr. {doctor.name}
+            </Link>
             {doctor.designation && (
               <span className="text-muted-foreground ml-1">({doctor.designation})</span>
             )}