feat: enhance various pages with improved UI elements and search functionality

assets/admin/pages/RatingsPage.tsx

@@ -54,10 +54,22 @@ export default function RatingsPage() {
   const columns: Column<Rating>[] = [
     { key: 'patient_name', header: 'بیمار', render: (r) => <span className="font-medium">{r.patient_name}</span> },
     { key: 'doctor_name', header: 'پزشک', render: (r) => `دکتر ${r.doctor_name}` },
-    { key: 'overall', header: 'کلی', render: (r) => <Stars value={r.overall} /> },
-    { key: 'diagnosis_accuracy', header: 'صحت تشخیص', render: (r) => <Stars value={r.diagnosis_accuracy} /> },
-    { key: 'skill', header: 'مهارت', render: (r) => <Stars value={r.skill} /> },
-    { key: 'behavior', header: 'رفتار', render: (r) => <Stars value={r.behavior} /> },
+    {
+      key: 'overall',
+      header: 'کلی',
+      render: (r) => <Stars value={r.overall} />,
+    },
+    {
+      key: 'ratings_detail',
+      header: 'جزئیات امتیاز',
+      render: (r) => (
+        <div className="grid grid-cols-2 gap-x-4 gap-y-1 text-xs text-slate-500 dark:text-slate-400 min-w-[160px]">
+          <span>تشخیص:</span><Stars value={r.diagnosis_accuracy} />
+          <span>مهارت:</span><Stars value={r.skill} />
+          <span>رفتار:</span><Stars value={r.behavior} />
+        </div>
+      ),
+    },
     { key: 'created_at', header: 'تاریخ', render: (r) => formatDate(r.created_at) },
   ];
 
@@ -93,7 +105,7 @@ export default function RatingsPage() {
       <ConfirmDialog
         open={!!deleteTarget}
         title="حذف امتیاز"
-        message="آیا از حذف این امتیاز اطمینان دارید؟"
+        message={`آیا از حذف امتیاز ${deleteTarget?.patient_name} برای دکتر ${deleteTarget?.doctor_name} اطمینان دارید؟`}
         confirmLabel="حذف"
         danger
         loading={deleteMutation.isPending}