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

packages/design-system/lib/components/Select/SelectFilter.tsx

@@ -24,7 +24,9 @@ export function SelectFilter({
   icon,
   itemIcon,
   defaultSelectedKey,
-  onSelectionChange,
+  onSelectionChange = () => undefined,
+  onFocus = () => undefined,
+  onBlur = () => undefined,
   ...props
 }: SelectFilterProps) {
   const [focus, setFocus] = useState(false)
@@ -39,12 +41,16 @@ export function SelectFilter({
       isDisabled={isDisabled}
       onSelectionChange={(val) => {
         setValue(val)
-        if (onSelectionChange) {
-          onSelectionChange(val)
-        }
+        onSelectionChange(val)
+      }}
+      onFocus={(e) => {
+        setFocus(true)
+        onFocus(e)
+      }}
+      onBlur={(e) => {
+        setFocus(false)
+        onBlur(e)
       }}
-      onFocus={() => setFocus(true)}
-      onBlur={() => setFocus(false)}
       defaultSelectedKey={defaultSelectedKey}
       {...props}
     >