feature: localization's first implmentation done. all frontend hardcoded text is now localized.

frontend/src/components/ui/patient/PatientSearchSelect.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { useTranslations } from 'next-intl';
 import { Search } from 'lucide-react';
 import { Input } from '@/components/ui/shared/Input';
 import { Patient } from '@/types/patient';
@@ -21,20 +22,22 @@ export function PatientSearchSelect({
   onSelectPatient,
   loading = false,
 }: PatientSearchSelectProps) {
+  const t = useTranslations('patients');
+
   return (
     <div className="surface-card p-4 space-y-4">
       <Input
-        placeholder="Search patients by name, phone, email"
+        placeholder={t('searchPlaceholder')}
         value={search}
         onChange={(e) => onSearchChange(e.target.value)}
         icon={<Search className="h-4 w-4 icon-flat" />}
       />
 
       <div className="space-y-2 max-h-80 overflow-y-auto">
-        {loading && <p className="text-sm text-text-muted">Loading patients...</p>}
+        {loading && <p className="text-sm text-text-muted">{t('loadingPatients')}</p>}
 
         {!loading && patients.length === 0 && (
-          <p className="text-sm text-text-muted">No patients found for this search.</p>
+          <p className="text-sm text-text-muted">{t('noResults')}</p>
         )}
 
         {patients.map((patient) => {
@@ -53,7 +56,7 @@ export function PatientSearchSelect({
               <p className="text-sm font-medium text-text-primary">
                 {patient.firstName} {patient.lastName}
               </p>
-              <p className="text-xs text-text-muted">{patient.phone || patient.email || 'No contact'}</p>
+              <p className="text-xs text-text-muted">{patient.phone || patient.email || t('noContact')}</p>
             </button>
           );
         })}