feat: unify doctor title handling and enhance specialty selection

- Implemented a helper function `displayDoctorName` to prepend "دکتر" to doctor names for consistent display across the application.
- Updated various components (InviteDoctorModal, DashboardPage, DoctorDetailPage, DoctorsPage, etc.) to utilize the new helper for rendering doctor names.
- Modified the DoctorFormPage to automatically add the "دکتر" title in the UI without requiring user input.
- Fixed the EditSpecialtyPicker component to allow multiple specialty selections, resolving a UI bug where only one specialty could be selected at a time.
- Ensured that the backend strips the "دکتر" title from the name during pre-registration and doctor creation processes.
- Added tests for the new functionality, including checks for title handling and specialty selection logic.
- Updated API documentation to reflect changes in name handling and display logic.

assets/admin/pages/DoctorsPage.tsx

@@ -9,7 +9,7 @@ import { XMarkIcon } from '@heroicons/react/24/outline';
 import { toast } from 'sonner';
 import { api } from '../lib/api';
 import type { ApiResponse, PaginatedResponse } from '../lib/api';
-import { formatDate, formatNumber } from '../lib/utils';
+import { formatDate, formatNumber, displayDoctorName } from '../lib/utils';
 import ConfirmDialog from '../components/ui/ConfirmDialog';
 import Pagination from '../components/ui/Pagination';
 import SearchableSelect from '../components/ui/SearchableSelect';
@@ -376,7 +376,7 @@ export default function DoctorsPage() {
                       <div className="cell-user">
                         <DoctorAvatar name={doc.name} id={doc.id} image={doc.profile_image} />
                         <div>
-                          <b>دکتر {doc.name}</b>
+                          <b>{displayDoctorName(doc.name)}</b>
                           <br /><small>{doc.gender ?? '—'}</small>
                         </div>
                       </div>
@@ -478,7 +478,7 @@ export default function DoctorsPage() {
                   <DoctorAvatar name={doc.name} id={doc.id} image={doc.profile_image} />
                   <div style={{ flex: 1, minWidth: 0 }}>
                     <b style={{ display: 'block', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
-                      دکتر {doc.name}
+                      {displayDoctorName(doc.name)}
                     </b>
                     <span className="muted" style={{ fontSize: 12.5 }}>
                       {doc.specialties[0]?.name ?? '—'}