feat: autofill all fields on enter details and countryselector clean up

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

@@ -27,6 +27,7 @@ export function SelectFilter({
   onSelectionChange = () => undefined,
   onFocus = () => undefined,
   onBlur = () => undefined,
+  autoComplete,
   ...props
 }: SelectFilterProps) {
   const [focus, setFocus] = useState(false)
@@ -73,7 +74,7 @@ export function SelectFilter({
             <span className={styles.label}>{label}</span>
           </Typography>
           <Typography variant="Body/Paragraph/mdRegular">
-            <Input className={styles.input} />
+            <Input className={styles.input} autoComplete={autoComplete} />
           </Typography>
         </span>
         <Button className={styles.button}>

packages/design-system/lib/components/Select/types.ts

@@ -10,6 +10,7 @@ interface Item extends Record<string, unknown> {
 }
 
 export interface SelectProps extends ComponentProps<typeof Select> {
+  autoComplete?: string
   icon?: MaterialIconProps['icon']
   itemIcon?: MaterialIconProps['icon']
   items: Item[]
@@ -24,6 +25,7 @@ export interface SelectItemProps extends ComponentProps<typeof ListBoxItem> {
 }
 
 export interface SelectFilterProps extends ComponentProps<typeof ComboBox> {
+  autoComplete?: string
   icon?: MaterialIconProps['icon']
   itemIcon?: MaterialIconProps['icon']
   items: Item[]