fix: aria-label warnings for edit profile form

components/TempDesignSystem/Form/Country/index.tsx

@@ -62,6 +62,7 @@ export default function CountrySelect({
   return (
     <div className={styles.container} ref={divRef}>
       <ComboBox
+        aria-label={_("Select country of residence")}
         className={styles.select}
         isRequired={!!registerOptions?.required}
         name={field.name}
@@ -71,7 +72,11 @@ export default function CountrySelect({
         selectedKey={selectedKey}
       >
         <div className={styles.comboBoxContainer}>
-          <Input className={styles.input} placeholder={_(placeholder)} />
+          <Input
+            aria-label="Selected country"
+            className={styles.input}
+            placeholder={_(placeholder)}
+          />
           <Button className={styles.button}>
             <SelectChevron />
           </Button>
@@ -91,7 +96,7 @@ export default function CountrySelect({
            */
           UNSTABLE_portalContainer={divElement ?? undefined}
         >
-          <ListBox aria-label="Country of residence">
+          <ListBox>
             {countries.map((country, idx) => (
               <ListBoxItem
                 aria-label={country.name}