fix bug save and set data just with one key, remove page login from appo page, disable not avalaible data in calendar, change steps for pages in appo, get data user, edit and set in page user-info

app/component/ItemDoctor.js

@@ -20,7 +20,7 @@ function ItemDoctor({ doctor }) {
           <Image
             width={72}
             height={72}
-            src={doctor.img}
+            src={doctor?.img}
             alt="image-doctor"
             className="w-[64px] md:w-[68px] lg:w-[72px] h-[64px] md:h-[68px] lg:h-[72px]"
           />
@@ -28,12 +28,12 @@ function ItemDoctor({ doctor }) {
         <div className="flex flex-col items-start justify-center gap-2">
           <TextLoading width={90} height={15}>
             <p className="text-[#3B3B3B] text-[14px] font-bold">
-              {doctor.name}
+              {doctor?.name}
             </p>
           </TextLoading>
           <TextLoading width={120} height={15}>
             <p className="text-[#616161] text-[14px] font-normal">
-              تخصص: {doctor.expertise}
+              تخصص: {doctor?.expertise}
             </p>
           </TextLoading>
           <CustomLoading width={100} height={25}>
@@ -41,13 +41,13 @@ function ItemDoctor({ doctor }) {
               <div className="p-1 bg-[#F8F8FF] flex items-center rounded-[4px] gap-0.5">
                 <LikeD />
                 <p className="text-[#616161] text-[12px] font-normal">
-                  {doctor.satisfaction}%
+                  {doctor?.satisfaction}%
                 </p>
               </div>
               <div className="p-1 bg-[#F8F8FF] flex items-center rounded-[4px] gap-0.5">
                 <PointD />
                 <p className="text-[#616161] text-[12px] font-normal">
-                  {doctor.point}
+                  {doctor?.point}
                 </p>
               </div>
             </div>
@@ -60,7 +60,7 @@ function ItemDoctor({ doctor }) {
         <ClockD />
         <TextLoading width={150} height={15}>
           <p className="text-[#7E7E7E] text-[12px] font-normal">
-            ساعت کاری: {doctor.hours_of_work}
+            ساعت کاری: {doctor?.hours_of_work}
           </p>
         </TextLoading>
       </div>
@@ -68,24 +68,24 @@ function ItemDoctor({ doctor }) {
         <p
           className={`text-[12px] font-medium rounded w-fit p-1.5 ml-[52px]
                     ${
-                      Number(doctor.active)
+                      Number(doctor?.active)
                         ? "bg-[rgba(5,_186,_88,_0.04)] text-[#05BA58]"
                         : "bg-[rgba(211,_47,_47,_0.04)] text-[#D32F2F]"
                     }`}
         >
-          {Number(doctor.active)
-            ? `اولین نوبت آزاد: ${Number(doctor.active)}`
+          {Number(doctor?.active)
+            ? `اولین نوبت آزاد: ${Number(doctor?.active)}`
             : "نوبت ندارد"}
         </p>
       </CustomLoading>
       {/* Arrow */}
-      <Link href={`/doctor/${doctor.uuid}`}>
+      <Link href={`/doctor/${doctor?.uuid}`}>
         <Button
           variant="contained"
           className={`!p-[14px] !absolute !left-4 !bottom-4  !rounded-full !w-fit 
-                     ${!Number(doctor.active)}
+                     ${!Number(doctor?.active)}
                     `}
-          disabled={!Number(doctor.active)}
+          disabled={!Number(doctor?.active)}
         >
           <ArrowLeftD />
         </Button>