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/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>}
     />
   )
 }