Improve position of user avatar tooltips

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

@@ -5,6 +5,7 @@
   export let users = []
   export let order = "ltr"
   export let size = "S"
+  export let tooltipPosition = TooltipPosition.Top
 
   $: uniqueUsers = unique(users, order)
   $: avatars = getAvatars(uniqueUsers, order)
@@ -47,7 +48,7 @@
           color="var(--spectrum-global-color-gray-500)"
         />
       {:else}
-        <UserAvatar {size} {user} tooltipPosition={TooltipPosition.Bottom} />
+        <UserAvatar {size} {user} {tooltipPosition} />
       {/if}
     </span>
   {/each}

packages/builder/src/pages/builder/app/[application]/_layout.svelte

@@ -15,6 +15,7 @@
     Heading,
     Modal,
     notifications,
+    TooltipPosition,
   } from "@budibase/bbui"
   import AppActions from "components/deploy/AppActions.svelte"
   import { API } from "api"
@@ -172,7 +173,11 @@
       </div>
       <div class="toprightnav">
         <span>
-          <UserAvatars users={$userStore} order="rtl" />
+          <UserAvatars
+            users={$userStore}
+            order="rtl"
+            tooltipPosition={TooltipPosition.Bottom}
+          />
         </span>
         <AppActions {application} {loaded} />
       </div>