use display to hide picker button instead of prop

packages/bbui/src/FancyForm/FancySelect.svelte

@@ -92,7 +92,8 @@
   </div>
 </FancyField>
 
-<Picker
+<div id="picker-wrapper">
+  <Picker
     customAnchor={wrapper}
     onlyPopover={true}
     bind:open
@@ -108,9 +109,13 @@
     placeholderOption={placeholder === false ? null : placeholder}
     onSelectOption={onChange}
     isOptionSelected={option => option === value}
-/>
+  />
+</div>
 
 <style>
+  #picker-wrapper :global(.spectrum-Picker) {
+    display: none;
+  }
   .value {
     display: block;
     flex: 1 1 auto;

packages/bbui/src/Form/Core/Picker.svelte

@@ -40,7 +40,6 @@
   export let customPopoverHeight
   export let align = "left"
   export let footer = null
-  export let onlyPopover = false
   export let customAnchor = null
   const dispatch = createEventDispatcher()
 
@@ -91,8 +90,7 @@
   }
 </script>
 
-{#if !onlyPopover}
+<button
-  <button
   {id}
   class="spectrum-Picker spectrum-Picker--sizeM"
   class:spectrum-Picker--quiet={quiet}
@@ -102,7 +100,7 @@
   aria-haspopup="listbox"
   on:click={onClick}
   bind:this={button}
-  >
+>
   {#if fieldIcon}
     {#if !useOptionIconImage}x
       <span class="option-extra icon">
@@ -143,10 +141,9 @@
   >
     <use xlink:href="#spectrum-css-icon-Chevron100" />
   </svg>
-  </button>
+</button>
-{/if}
 <Popover
-  anchor={!onlyPopover ? button : customAnchor}
+  anchor={customAnchor ? customAnchor : button}
   align={align || "left"}
   bind:this={popover}
   {open}

packages/builder/src/pages/builder/app/[application]/_components/BuilderSidePanel.svelte

@@ -253,6 +253,8 @@
       notifications.error("A group must be specified")
       return
     }
+    console.log(group)
+    console.log(role)
     try {
       if (group?.builder?.apps.includes(prodAppId)) {
         await removeGroupAppBuilder(group._id)