feat(LOY-169): use new filter select for country select

standardised colors on error messages

fixed error validation on date field

removed duplicates in country list

apps/scandic-web/components/TempDesignSystem/Form/ErrorMessage/error.module.css

@@ -1,6 +1,6 @@
 .message {
   align-items: center;
-  color: var(--Scandic-Red-60);
+  color: var(--Text-Interactive-Error);
   display: flex;
   gap: var(--Spacing-x-half);
   margin: var(--Spacing-x1) 0 0;

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

@@ -1,5 +1,7 @@
 import { ErrorMessage as RHFErrorMessage } from "@hookform/error-message"
+import { useIntl } from "react-intl"
 
+import { getErrorMessage } from "../Input/errors"
 import Error from "./Error"
 
 import type { ErrorMessageProps } from "./errorMessage"
@@ -8,11 +10,12 @@ export default function ErrorMessage<T>({
   errors,
   name,
 }: ErrorMessageProps<T>) {
+  const intl = useIntl()
   return (
     <RHFErrorMessage
       errors={errors}
       name={name}
-      render={({ message }) => <Error>{message}</Error>}
+      render={({ message }) => <Error>{getErrorMessage(intl, message)}</Error>}
     />
   )
 }