frontend: use new busy state on the directoryview

frontend/src/views/Home.vue

@@ -48,6 +48,7 @@
         <div class="main-view-col">
           <DirectoryView
             class="directory-view"
+            :busy="busy"
             :show-owner="true"
             :show-size="true"
             :show-modified="true"
@@ -138,6 +139,7 @@ export default {
   },
   data() {
     return {
+      busy: true,
       fallbackIcon: `${BASE_URL}mime-types/none.svg`,
       cwd: '/',
       busyRefresh: false,
@@ -477,6 +479,8 @@ export default {
         mimeType: 'inode/directory',
         icon: `${BASE_URL}mime-types/inode-directory.svg`
       };
+
+      this.busy = false;
     },
     async onRestartApp() {
       if (this.resourceType !== 'app') return;
@@ -512,6 +516,7 @@ export default {
     }
   },
   async mounted() {
+    this.busy = true;
     const type = this.$route.params.type || 'app';
     const resourceId = this.$route.params.resourceId;
     const cwd = this.$route.params.cwd;