handle limit page dashboard & change header profile user & get data from api in page clinics & clinic item and doctor item

components/doctor/appointmentList/ItemAppointment.js

@@ -17,17 +17,17 @@ function ItemAppointment({ turn, doctor, loading }) {
       <span className="block w-full h-px bg-[#EFEFEF] my-4"></span>
       <div className="flex items-center justify-start gap-3">
         <CircularLoading width={56} height={56} loading={loading}>
-          <Image src={doctor.img} width={56} height={56} alt="doctor" />
+          <Image src={doctor?.img} width={56} height={56} alt="doctor" />
         </CircularLoading>
         <div className="flex flex-col items-start justify-center gap-2">
           <TextLoading width={60} height={15} loading={loading}>
             <p className="text-[#3B3B3B] text-[14px] font-bold">
-              {doctor.name}
+              {doctor?.name}
             </p>
           </TextLoading>
           <TextLoading width={65} height={15} loading={loading}>
             <p className="text-[#525252] text-[14px] font-medium">
-              تخصص: {doctor.expertise}
+              تخصص: {doctor?.expertise}
             </p>
           </TextLoading>
         </div>