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/DiscoverIcon.tsx

@@ -89,10 +89,10 @@ export const DiscoverIcon = (props: PaymentIconProps) => (
         gradientUnits="userSpaceOnUse"
         gradientTransform="translate(28.6 17.5998) rotate(-142.431) scale(6.56048 6.47264)"
       >
-        <stop stop-color="#F59900" />
-        <stop offset="0.210082" stop-color="#F39501" />
-        <stop offset="0.908163" stop-color="#CE3C0B" />
-        <stop offset="1" stop-color="#A4420A" />
+        <stop stopColor="#F59900" />
+        <stop offset="0.210082" stopColor="#F39501" />
+        <stop offset="0.908163" stopColor="#CE3C0B" />
+        <stop offset="1" stopColor="#A4420A" />
       </radialGradient>
       <clipPath id="clip0_5382_46865">
         <rect width="48" height="32" rx="3" fill="white" />