Optimise loading in overview tab and add transition to dash card header

packages/builder/src/components/common/DashCard.svelte

@@ -37,6 +37,7 @@
     border-bottom: 1px solid var(--spectrum-global-color-gray-300);
     display: flex;
     justify-content: space-between;
+    transition: background-color 130ms ease-out;
   }
   .dash-card-body {
     padding: var(--spacing-xl) calc(var(--spacing-xl) * 2);

packages/builder/src/pages/builder/portal/overview/_components/OverviewTab.svelte

@@ -27,22 +27,26 @@
     },
   })
 
-  let appEditor, appEditorPromise
+  let appEditor
 
   $: updateAvailable = clientPackage.version !== $store.version
-  $: isPublished = app && app?.status === AppStatus.DEPLOYED
+  $: isPublished = app?.status === AppStatus.DEPLOYED
   $: appEditorId = !app?.updatedBy ? $auth.user._id : app?.updatedBy
   $: appEditorText = appEditor?.firstName || appEditor?.email
   $: fetchAppEditor(appEditorId)
   $: appUsers = $appUsersFetch.rows || []
+  $: appUsersFetch.update({
+    query: {
+      appId: apps.getProdAppID(app.devId),
+    },
+  })
 
   const unpublishApp = () => {
     dispatch("unpublish", app)
   }
 
   async function fetchAppEditor(editorId) {
-    appEditorPromise = users.get(editorId)
+    appEditor = await users.get(editorId)
-    appEditor = await appEditorPromise
   }
 
   const getInitials = user => {
@@ -89,11 +93,9 @@
           </div>
         </div>
       </DashCard>
+      {#if appEditor}
         <DashCard title={"Last Edited"} dataCy={"edited-by"}>
           <div class="last-edited-content">
-          {#await appEditorPromise}
-            <Avatar size="M" initials={"-"} />
-          {:then _}
             <div class="updated-by">
               {#if appEditor}
                 <Avatar size="M" initials={getInitials(appEditor)} />
@@ -102,9 +104,6 @@
                 </div>
               {/if}
             </div>
-          {:catch error}
-            <p>Could not fetch user: {error.message}</p>
-          {/await}
             <div class="last-edit-text">
               {#if app}
                 {processStringSync(
@@ -118,6 +117,7 @@
             </div>
           </div>
         </DashCard>
+      {/if}
       <DashCard
         title={"App Version"}
         showIcon={true}