Merged in fix/BOOK-323-enter-details-scroll-error (pull request #2986)

Fix/BOOK-323 enter details scroll error

* fix(BOOK-323): scroll to invalid element on submit on enter details

* fix(BOOK-323): update error message design

* fix(BOOK-323): clean up

* fix(BOOK-323): scroll to fields in room in right order

* fix(BOOK-323): add id to translations

* fix(BOOK-323): remove undefined

* fix(BOOK-323): fix submitting state

* fix(BOOK-323): use ref in multiroom for scrolling to right element, add membershipNo

* fix(BOOK-323): fix invalid border country

* fix(BOOK-323): use error message component

* fix(BOOK-323): fix invalid focused styling on mobile

* fix(BOOK-323): remove redundant dependency in callback


Approved-by: Erik Tiekstra

packages/design-system/lib/components/Payment/Icons/DinersClubIcon.tsx

@@ -36,8 +36,8 @@ export const DinersClubIcon = (props: PaymentIconProps) => (
         y2="21.6"
         gradientUnits="userSpaceOnUse"
       >
-        <stop stop-color="#3479C0" />
-        <stop offset="1" stop-color="#133362" />
+        <stop stopColor="#3479C0" />
+        <stop offset="1" stopColor="#133362" />
       </linearGradient>
       <clipPath id="clip0_5382_46858">
         <rect width="48" height="32" fill="white" />