fix: ModalPicker button onClick propagation

When the button in ModalPicker components is clicked, the event is
propagated, causing parent elements onClick to trigger as well.

Added event stopPropagation to ModalPicker components.

src/form/ModalPicker/multiple/ModalPickerMultiple.tsx

@@ -178,6 +178,7 @@ export function ModalPickerMultiple<T>(props: Props<T>) {
 
   const openModal: MouseEventHandler<HTMLButtonElement> = (event) => {
     event.preventDefault();
+    event.stopPropagation();
 
     // Always copy the `value` so the `selected` is a fresh array.
     // Otherwise, the selection will be the same as the value, which

src/form/ModalPicker/single/ModalPickerSingle.tsx

@@ -171,6 +171,7 @@ export function ModalPickerSingle<T>(props: Props<T>) {
 
   const openModal: MouseEventHandler<HTMLButtonElement> = (event) => {
     event.preventDefault();
+    event.stopPropagation();
     setIsOpen(true);
     setSelected(value);
     setQuery('');