fix(select-field): add onClick stopPropagation and preventDefault

Author: AlessiaCaironi

packages/bento-design-system/src/SelectField/components.tsx

@@ -228,9 +228,17 @@ export function MenuList<A extends { disabled?: boolean }>(props: MenuListProps<
 }
 
 export function Option<B, A extends SelectOption<B>>(props: OptionProps<A>) {
-  const { onClick, ...innerProps } = props.innerProps;
   return (
-    <defaultComponents.Option {...props} innerProps={innerProps}>
+    <defaultComponents.Option
+      {...props}
+      innerProps={{
+        ...props.innerProps,
+        onClick: (e) => {
+          e.stopPropagation();
+          e.preventDefault();
+        },
+      }}
+    >
       <ListItem
         {...props.data}
         size={props.selectProps.menuSize ?? "medium"}