continue -> next, and white bg for dropdowns (#14411)

# receive onboarding tweaks

continue -> next

white bg for nationality & country dropdowns

GitOrigin-RevId: d6fcbbb206b005f8dfab9129bc46bfb99db535e4

packages/ui/src/components/Select.tsx

@@ -29,6 +29,7 @@ export type SelectProps<
   zIndex?: number | undefined;
   label?: string | undefined;
   getOptionStyles?: StylesConfig<Option, IsMulti, Group>["option"];
+  getControlStyles?: StylesConfig<Option, IsMulti, Group>["control"];
   selectRef?: Ref<SelectInstance<Option, IsMulti, Group>> | undefined;
 };
 
@@ -43,6 +44,7 @@ export function Select<
   openMenuOnFocus = true,
   tabSelectsValue = false,
   getOptionStyles,
+  getControlStyles,
   ...rest
 }: SelectProps<Option, IsMulti, Group>) {
   const theme = useTheme();
@@ -56,6 +58,9 @@ export function Select<
       };
     },
     control: (styles, state) => {
+      const controlStyles = getControlStyles
+        ? getControlStyles(styles, state)
+        : {};
       return {
         ...styles,
         transition: "none",
@@ -77,6 +82,7 @@ export function Select<
           state.menuIsOpen || state.isFocused
             ? textInputBorderColorFocused({ theme })
             : textInputBorderColor({ theme }),
+        ...controlStyles,
       };
     },
     indicatorsContainer: (styles) => ({