Ensure PaginatedResourceTable blocks first render on fetchSecondaryResources

- a list may need secondary resources
- these can either be to support the whole list (fetchSecondaryResources), or an individual page (fetchPageSecondaryResources)
- for fetchSecondaryResources, often used when SSP is disabled, it was trying to block loading of the list on the primary resource and secondary resource fetch
- however as soon as the primary resource was fetched, before the secondary resources compelted, the list would render the page
- if the page depends on secondary resources for sorting/filtering then they would be missed
- fix
  - instead of fetching both primary at secondary in parallel fetch in sequence
  - this ensure the initial sort/filter is correct

Author: richard-cox

shell/components/PaginatedResourceTable.vue

@@ -116,15 +116,11 @@ export default defineComponent({
   },
 
   async fetch() {
-    const promises = [
-      this.$fetchType(this.resource, [], this.overrideInStore || this.inStore),
-    ];
-
     if (this.fetchSecondaryResources) {
-      promises.push(this.fetchSecondaryResources({ canPaginate: this.canPaginate }));
+      await this.fetchSecondaryResources({ canPaginate: this.canPaginate });
     }
 
-    await Promise.all(promises);
+    await this.$fetchType(this.resource, [], this.overrideInStore || this.inStore);
   },
 
   computed: {

shell/pages/home.vue

@@ -302,8 +302,11 @@ export default defineComponent({
         return Promise.resolve({});
       }
 
+      const promises = [];
+
       if ( this.canViewMgmtClusters ) {
-        this.$store.dispatch('management/findAll', { type: MANAGEMENT.CLUSTER });
+        // This is the only one we need to block on (needed for the initial sort on mgmt name)
+        promises.push(this.$store.dispatch('management/findAll', { type: MANAGEMENT.CLUSTER }));
       }
 
       if ( this.canViewMachine ) {
@@ -323,7 +326,7 @@ export default defineComponent({
         this.$store.dispatch('management/findAll', { type: MANAGEMENT.NODE_TEMPLATE });
       }
 
-      return Promise.resolve({});
+      return Promise.all(promises);
     },
 
     async fetchPageSecondaryResources({