refactor: enhance appointment flow by adding selected slot and date management across components

components/appointment/Content.js

@@ -1,7 +1,7 @@
 import Information from "./information";
 import Location from "./location";
 
-function Content({ doctor, step, setStep, children, isFirst, disableSide }) {
+function Content({ doctor, step, setStep, children, isFirst, disableSide, selectedSlot, selectedDate }) {
   return (
     <div
       className="flex flex-col lg:flex-row justify-center gap-[12px] sm:gap-[16px] md:gap-[20px] lg:gap-[24px] padding-responsive
@@ -15,6 +15,8 @@ function Content({ doctor, step, setStep, children, isFirst, disableSide }) {
           doctor={doctor}
           step={step}
           setStep={setStep}
+          selectedSlot={selectedSlot}
+          selectedDate={selectedDate}
         />
       )}
       {children}