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/appointment/date/PlaceVisit.js

@@ -0,0 +1,29 @@
+"use client";
+
+import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
+
+function PlaceVisit({ locateVisit, setLocateVisit, isError }) {
+  const clinics = [
+    { label: "درمانگاه رازی", id: 10 },
+    { label: "درمانگاه ابوعلی", id: 20 },
+    { label: "درمانگاه مرکزی", id: 30 },
+  ];
+
+  const updateData = (event) => setLocateVisit(event);
+
+  return (
+    <div className="flex flex-col items-start gap-[19px] justify-start">
+      <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold">
+        1. انتخاب محل ویزیت
+      </p>
+      <AutoCompleteSelect
+        isError={isError && !locateVisit}
+        updateData={updateData}
+        label="درمانگاه"
+        list={clinics}
+      />
+    </div>
+  );
+}
+
+export default PlaceVisit;