fix: remove red border on valid country select

components/TempDesignSystem/Form/Country/index.tsx

@@ -43,7 +43,7 @@ export default function CountrySelect({
     }
   }
   const { control, setValue } = useFormContext()
-  const { field, fieldState, formState } = useController({
+  const { field, formState } = useController({
     control,
     name,
     rules: registerOptions,
@@ -59,7 +59,6 @@ export default function CountrySelect({
     <div className={`${styles.container} ${className}`} ref={setRef}>
       <ComboBox
         aria-label={intl.formatMessage({ id: "Select country of residence" })}
-        isInvalid={fieldState.invalid}
         isReadOnly={readOnly}
         isRequired={!!registerOptions?.required}
         name={field.name}