Merged in fix/bw-fixes (pull request #3481)

Fix/bw fixes

* fix(bookingwidget): fixed some mobile issues with the booking widget

* fixed dual scroll and hidden button in mobile guests & rooms picker

* fixed button colors

* fixed mobile search button position

* Remove scroll lock

packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/index.tsx

@@ -7,7 +7,6 @@ import { useFormContext, useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"
 
-import { useScrollLock } from "@scandic-hotels/common/hooks/useScrollLock"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import ValidationError from "./ValidationError/index"
@@ -40,9 +39,6 @@ export default function GuestsRoomsPickerForm({
 
   const [scrollPosition, setScrollPosition] = useState(0)
   const roomError = errors["rooms"]
-  const { lockScroll, unlockScroll } = useScrollLock({
-    autoLock: false,
-  })
   useEffect(() => {
     if (roomError) {
       setShowErrorModal(true)
@@ -136,7 +132,6 @@ export default function GuestsRoomsPickerForm({
       isOpen,
       onClose: () => {
         setIsOpen(false)
-        unlockScroll()
       },
       isDismissable: true,
     },
@@ -150,11 +145,6 @@ export default function GuestsRoomsPickerForm({
           rooms={rooms}
           onPress={() => {
             setIsOpen((prev) => !prev)
-            if (!isDesktop && !isOpen) {
-              lockScroll()
-            } else {
-              unlockScroll()
-            }
           }}
           ariaLabelledBy={ariaLabelledBy}
         />
@@ -181,7 +171,6 @@ export default function GuestsRoomsPickerForm({
                   rooms={rooms}
                   onClose={() => {
                     setIsOpen((prev) => !prev)
-                    unlockScroll()
                   }}
                   containerRef={ref}
                 />