useEffect(() => {
    if (selectedClinic && !selectedClinic.booking && clinicBranchChanged) {
      setMiniCalendarPage(0);
      getBopokingSlots();
    }
    if (selectedClinic && selectedClinic.booking && clinicBranchChanged) {
      setMiniCalendarPage(0);
      getBopokingSlots(0)
    }
  }, [selectedClinic]);

const getBopokingSlots = (page) => {
    const currentPage = page === 0 ? page : miniCalendarPage;
    const today = getToday();
    const startDate = moment(today)
      .add(currentPage * daysPerPage, 'days')
      .format('YYYY-MM-DD');
    const endDate = moment(today)
      .add(currentPage * daysPerPage + (daysPerPage - 1), 'days')
      .format('YYYY-MM-DD');
    handleGetBookingSlots(startDate, endDate);
  };