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/Form/ErrorMessage/Error.tsx

@@ -10,7 +10,12 @@ export function Error({ children }: React.PropsWithChildren) {
       variant="Body/Supporting text (caption)/smRegular"
     >
       <span>
-        <MaterialIcon icon="info" color="Icon/Feedback/Error" />
+        <MaterialIcon
+          icon="error"
+          color="Icon/Feedback/Error"
+          isFilled
+          size={20}
+        />
         {children}
       </span>
     </Typography>