Merged in feat/SW-1368-1369-Guarantee-late-arrival (pull request #1512)

Feat/SW-1368 1369 Guarantee late arrival

* feat(SW-1368-SW-1369): guarantee late arrival for confirmation page and my stay

* feat(SW-1368-SW-1369): guarantee late arrival updated design

* feat(SW-1368-SW-1369): add translations

* feat(SW-1368-SW-1369): add translations

* feat(SW-1368-SW-1369): fix merge with master

* feat(SW-1368-SW-1369): add translations

* feat(SW-1368-SW-1369): add redirect with refId

* feat(SW-1368-SW-1369): if booking completed redirect to confirmation page

* feat(SW-1368-SW-1369): fix comments pr

* feat(SW-1368-SW-1369): fix comments pr

* feat(SW-1368-SW-1369): fix rebase master

* feat(SW-1368-SW-1369): fix duplicate flex rate check

* feat(SW-1368-SW-1369): if any room is flex, card must be used

* feat(SW-1368-SW-1369): move callback route

* feat(SW-1368-SW-1369): top align checkbox

* feat(SW-1368-SW-1369): top align checkbox


Approved-by: Tobias Johansson
Approved-by: Niclas Edenvin

apps/scandic-web/components/TempDesignSystem/Form/Checkbox/checkbox.module.css

@@ -35,6 +35,10 @@
   forced-color-adjust: none;
 }
 
+.topAlign {
+  align-items: flex-start;
+}
+
 .error {
   align-items: center;
   color: var(--Scandic-Red-60);

apps/scandic-web/components/TempDesignSystem/Form/Checkbox/index.tsx

@@ -17,6 +17,7 @@ export default function Checkbox({
   children,
   registerOptions,
   hideError,
+  topAlign = false,
 }: React.PropsWithChildren<CheckboxProps>) {
   const { control } = useFormContext()
   const { field, fieldState } = useController({
@@ -36,7 +37,9 @@ export default function Checkbox({
     >
       {({ isSelected }) => (
         <>
-          <span className={styles.checkboxContainer}>
+          <span
+            className={`${styles.checkboxContainer} ${topAlign ? styles.topAlign : ""}`}
+          >
             <span
               className={styles.checkbox}
               tabIndex={registerOptions?.disabled ? undefined : 0}