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)

apps/scandic-web/components/HotelReservation/MyStay/TermsAndConditions/index.tsx

@@ -20,6 +20,7 @@ export default function TermsAndConditions() {
   const lang = useLang()
   const {
     formState: { errors },
+    register,
   } = useFormContext()
   const termsAndConditionsMsg = intl.formatMessage(
     {
@@ -55,9 +56,8 @@ export default function TermsAndConditions() {
   return (
     <div className={styles.termsAndConditions}>
       <Checkbox
-        name="termsAndConditions"
-        registerOptions={{ required: true }}
         hideError
+        {...register("termsAndConditions", { required: true })}
       >
         <Typography variant="Body/Supporting text (caption)/smRegular">
           <span>