add invite user button

packages/bbui/src/FancyForm/FancySelect.svelte

@@ -87,7 +87,7 @@
     {selectedLabel || ""}
   </div>
 
-  <div class="align">
+  <div class="align arrow-alignment">
     <Icon name="ChevronDown" />
   </div>
 </FancyField>
@@ -139,6 +139,10 @@
     transition: transform 130ms ease-out, opacity 130ms ease-out;
     transform: translateY(9px);
   }
+
+  .arrow-alignment {
+    transform: translateY(-2px);
+  }
   .value.placeholder {
     transform: translateY(0);
     opacity: 0;

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

@@ -523,6 +523,10 @@
       {/if}
       <Heading size="S">{invitingFlow ? "Invite new user" : "Users"}</Heading>
     </div>
+    <div class="header">
+      <Button on:click={() => (invitingFlow = true)} size="S" cta
+        >Invite user</Button
+      >
       <Icon
         color="var(--spectrum-global-color-gray-600)"
         name="RailRightClose"
@@ -535,6 +539,7 @@
         }}
       />
     </div>
+  </div>
   {#if !invitingFlow}
     <div class="search" class:focused={searchFocus}>
       <span class="search-input">
@@ -555,15 +560,11 @@
         class="search-input-icon"
         class:searching={query || !filterByAppAccess}
         on:click={() => {
-          if (!filterByAppAccess) {
-            filterByAppAccess = true
-          }
           if (!query) {
             return
           }
           query = null
           userOnboardResponse = null
-          filterByAppAccess = true
         }}
       >
         <Icon name={!filterByAppAccess || query ? "Close" : "Search"} />
@@ -800,7 +801,7 @@
             <Button
               newStyles
               cta
-              disabled={!query.length && !email?.length}
+              disabled={!email?.length}
               on:click={onInviteUser}>Add user</Button
             >
           </span>