feat: Implement resource-based appointment booking flow

- Updated DoctorPage component to accept bookingResources prop for appointment list.
- Added serviceQuery function to serialize service item UUIDs for API requests.
- Introduced new API endpoints for fetching booking resources and resource slots.
- Enhanced tests for new resource-based booking functionality, including resource selection and service availability.
- Created ResourceSelect component for selecting appointment types, including doctor and resource options.
- Updated appointment submission logic to include resource_uuid in payload when applicable.
- Ensured UI reflects changes in booking flow without disrupting existing doctor-centric experience.

components/appointment/date/Time/SelectDatePicker.js

@@ -1,7 +1,15 @@
 import DatePicker from "@/app/component/date/datePicker";
 
-function SelectDatePicker({ setDate, disabledDates, clinicUuid }) {
-  return <DatePicker setDate={setDate} disabledDates={disabledDates} clinicUuid={clinicUuid} />;
+function SelectDatePicker({ setDate, disabledDates, clinicUuid, resourceUuid = null, selectedServiceUuids = [] }) {
+  return (
+    <DatePicker
+      setDate={setDate}
+      disabledDates={disabledDates}
+      clinicUuid={clinicUuid}
+      resourceUuid={resourceUuid}
+      selectedServiceUuids={selectedServiceUuids}
+    />
+  );
 }
 
 export default SelectDatePicker;

components/appointment/date/Time/index.js

@@ -1,12 +1,18 @@
 import SelectDatePicker from "./SelectDatePicker";
 
-function Time({ isStep, setDate, disabledDates, clinicUuid }) {
+function Time({ isStep, setDate, disabledDates, clinicUuid, resourceUuid = null, selectedServiceUuids = [] }) {
   return (
     <div className="flex relative mt-[24px] flex-col items-start gap-[19px] justify-start">
       <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold">
         1. انتخاب روز
       </p>
-      <SelectDatePicker setDate={setDate} disabledDates={disabledDates} clinicUuid={clinicUuid} />
+      <SelectDatePicker
+        setDate={setDate}
+        disabledDates={disabledDates}
+        clinicUuid={clinicUuid}
+        resourceUuid={resourceUuid}
+        selectedServiceUuids={selectedServiceUuids}
+      />
       {!isStep && (
         <div className="absolute left-0 top-0 w-full h-full bg-[rgba(255,255,255,0.84)]"></div>
       )}