fix: Mobile scrolling issue (#13049)

packages/features/bookings/Booker/Booker.tsx

@@ -186,12 +186,6 @@ const BookerComponent = ({
     return setBookerState("booking");
   }, [event, selectedDate, selectedTimeslot, setBookerState]);
 
-  useEffect(() => {
-    if (layout === "mobile") {
-      timeslotsRef.current?.scrollIntoView({ behavior: "smooth" });
-    }
-  }, [layout]);
-
   const hideEventTypeDetails = isEmbed ? embedUiConfig.hideEventTypeDetails : false;
 
   if (entity.isUnpublished) {

packages/features/bookings/Booker/components/AvailableTimeSlots.tsx

@@ -1,4 +1,4 @@
-import { useRef, useEffect } from "react";
+import { useRef } from "react";
 
 import dayjs from "@calcom/dayjs";
 import { useIsEmbed } from "@calcom/embed-core/embed-iframe";
@@ -93,13 +93,6 @@ export const AvailableTimeSlots = ({
 
   const slotsPerDay = useSlotsForAvailableDates(dates, schedule?.data?.slots);
 
-  useEffect(() => {
-    if (isEmbed) return;
-    if (containerRef.current && !schedule.isLoading && isMobile) {
-      containerRef.current.scrollIntoView({ behavior: "smooth", block: "center" });
-    }
-  }, [containerRef, schedule.isLoading, isEmbed, isMobile]);
-
   return (
     <>
       <div className="flex">