Merged in fix/STAY-135 (pull request #3368)

Fix/STAY-135 & STAY-127

* fix: make quantity and delivery separate steps in mobile

* fix: update design for delivery step in ancillary flow

* fix: add error state for missing time

* fix: only allow points or cash payment for ancillaries

* fix: break out stepper to design system

* fix: update design of select quantity step in add ancillaries flow

* fix: add error states for quantity

* fix: handle insufficient points case

* fix: update stepper to include optional disabledMessage tooltip

* fix: handle validations

* fix: change name to camel case


Approved-by: Bianca Widstam
Approved-by: Chuma Mcphoy (We Ahead)

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

@@ -4,8 +4,7 @@ import { useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
 import Caption from "@scandic-hotels/design-system/Caption"
-
-import Counter from "../Counter"
+import Stepper from "@scandic-hotels/design-system/Stepper"
 
 import styles from "./adult-selector.module.css"
 
@@ -42,7 +41,7 @@ export default function AdultSelector({
       <Caption color="uiTextHighContrast" type="bold">
         {adultsLabel}
       </Caption>
-      <Counter
+      <Stepper
         count={currentAdults}
         handleOnDecrease={decreaseAdultsCount}
         handleOnIncrease={increaseAdultsCount}