improvement: appointments history component added to patients feature.

frontend/src/app/[locale]/(dashboard)/patients/page.tsx

@@ -13,6 +13,7 @@ import { CreatePatientInput, Patient } from '@/types/patient';
 import { PatientSearchSelect } from '@/components/ui/patient/PatientSearchSelect';
 import { CreatePatientModal } from '@/components/ui/patient/CreatePatientModal';
 import { PatientSummaryCard } from '@/components/ui/patient/PatientSummaryCard';
+import { PatientAppointmentHistory } from '@/components/ui/patient/PatientAppointmentHistory';
 
 const EMPTY_PATIENT_FORM: CreatePatientInput = {
   firstName: '',
@@ -154,6 +155,9 @@ export default function PatientsPage() {
 
         <div className="xl:col-span-2 space-y-4">
           <PatientSummaryCard patient={selectedPatient} />
+          {selectedPatient ? (
+            <PatientAppointmentHistory patientId={selectedPatient.id} />
+          ) : null}
         </div>
       </div>
     </div>