fix(dashboard): turns tab uses real appointment fields + empty state

The turns list/card read start_time, slot.time and doctor.specialty,
none of which exist on Appointment.toArray() (slot_start, doctor.name,
status). Use slot_start for the Jalali date/time, replace the specialty
column with a Persian status label, and show an empty state when there
are no appointments.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

components/dashboard/userAccount/sidebars/turns/Card.js

@@ -5,6 +5,16 @@ import { Button } from "@mui/material";
 import Image from "next/image";
 import { convertTimestampToJalali, convertTimestampToTime } from "@/helper";
 
+const STATUS_LABELS = {
+  pending: "در انتظار پرداخت",
+  confirmed: "تأیید شده",
+  completed: "انجام شده",
+  cancelled_by_user: "لغو شده",
+  cancelled_by_doctor: "لغو توسط پزشک",
+  expired: "منقضی شده",
+  no_show: "عدم مراجعه",
+};
+
 function Card({ data, loading, setIsTurnsDetails }) {
   return (
     <li className="shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] pb-[8px] bg-[#FFF] rounded-[8px]">
@@ -17,7 +27,7 @@ function Card({ data, loading, setIsTurnsDetails }) {
           </TextLoading>
           <TextLoading loading={loading} width={100} height={18}>
             <p className="text-[#7E7E7E] text-[14px] font-normal">
-              {data.doctor?.specialty?.name || "--"}
+              {STATUS_LABELS[data.status] || data.status || "--"}
             </p>
           </TextLoading>
         </div>
@@ -31,7 +41,7 @@ function Card({ data, loading, setIsTurnsDetails }) {
           </TextLoading>
           <TextLoading loading={loading} width={110} height={18}>
             <p className="text-[#525252] text-[14px] font-medium">
-              {convertTimestampToJalali(data.start_time)}
+              {convertTimestampToJalali(data.slot_start)}
             </p>
           </TextLoading>
         </li>
@@ -41,7 +51,7 @@ function Card({ data, loading, setIsTurnsDetails }) {
           </TextLoading>
           <TextLoading loading={loading} width={60} height={18}>
             <p className="text-[#525252] text-[14px] font-medium">
-              {data.slot?.time || convertTimestampToTime(data.start_time)}
+              {convertTimestampToTime(data.slot_start)}
             </p>
           </TextLoading>
         </li>