feat: add EyeIcon button to view doctor profile in ClinicDetailPage

assets/admin/pages/ClinicDetailPage.tsx

@@ -9,7 +9,7 @@ import {
   ArrowRightIcon, PencilIcon, TrashIcon,
   BuildingOffice2Icon, PhoneIcon, MapPinIcon, XMarkIcon,
   PlusIcon, CameraIcon, ChevronDownIcon,
-  EnvelopeIcon, ArrowPathIcon, NoSymbolIcon,
+  EnvelopeIcon, ArrowPathIcon, NoSymbolIcon, EyeIcon,
 } from '@heroicons/react/24/outline';
 import { MapContainer, TileLayer, Marker, useMapEvents, useMap } from 'react-leaflet';
 import L from 'leaflet';
@@ -803,9 +803,18 @@ export default function ClinicDetailPage() {
                             <div className="muted" style={{ fontSize: 11 }}>{doc.specialties.map(s => s.name).join('، ')}</div>
                           )}
                         </div>
-                        <span className={`badge ${doc.active ? 'green' : 'gray'}`} style={{ fontSize: 11 }}>
-                          <span className="bdot" />{doc.active ? 'فعال' : 'غیرفعال'}
-                        </span>
+                        <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
+                          <span className={`badge ${doc.active ? 'green' : 'gray'}`} style={{ fontSize: 11 }}>
+                            <span className="bdot" />{doc.active ? 'فعال' : 'غیرفعال'}
+                          </span>
+                          <button
+                            className="mini-btn"
+                            title="مشاهده پروفایل"
+                            onClick={() => navigate(`/admin/doctors/${doc.uuid}`)}
+                          >
+                            <EyeIcon style={{ width: 14, height: 14 }} />
+                          </button>
+                        </div>
                       </div>
                     );
                   })}