change design and data list in doctor-item & handle component appointment in doctor-item & handle functionality date-picker & fix bug appointment page & add req get appointment list

components/doctor/poster/Services.js

@@ -12,7 +12,7 @@ function Services({ data }) {
         {data?.specialties?.map((item, idx) => (
           <li key={idx} className="flex items-center justify-start gap-[4px]">
             <CircleOrangeSm />
-            <p className="text-[16px] font-normal text-[#E7EEF6]">{item}</p>
+            <p className="text-[16px] font-normal text-[#E7EEF6]">{item.name}</p>
           </li>
         ))}
       </ul>

components/doctor/poster/index.js

@@ -18,7 +18,11 @@ function Poster({ data }) {
           {data?.name}
         </p>
         <p className="text-[24px] mt-[20px] text-[#E7EEF6] font-bold">
-          تخصص: {data?.expertise}
+          تخصص:
+          {data?.expertise?.map(
+            (item, idx) =>
+              `${item.name} ${data.expertise.length === idx + 1 ? "" : "|"} `
+          )}
         </p>
         <Services data={data} />
         <Address data={data} />