Update pankow to improve busy states and dialogs

dashboard/src/views/AppsView.vue

@@ -1,7 +1,7 @@
 <script setup>
 
 import { ref, computed, useTemplateRef, onMounted, onUnmounted, inject } from 'vue';
-import { Button, ButtonGroup, SingleSelect, Icon, TableView, TextInput } from '@cloudron/pankow';
+import { Button, ButtonGroup, SingleSelect, Icon, TableView, TextInput, ProgressBar } from '@cloudron/pankow';
 import { API_ORIGIN, APP_TYPES, HSTATES, ISTATES, RSTATES } from '../constants.js';
 import AppsModel from '../models/AppsModel.js';
 import ApplinksModel from '../models/ApplinksModel.js';
@@ -232,7 +232,10 @@ onUnmounted(() => {
       </div>
     </h1>
 
-    <div v-show="ready">
+    <div v-if="!ready">
+      <ProgressBar mode="indeterminate" :show-label="false" :slim="true"/>
+    </div>
+    <div v-else>
       <TransitionGroup name="grid-animation" tag="div" class="grid" v-if="viewType === VIEW_TYPE.GRID">
         <a v-for="app in filteredApps" :key="app.id" class="grid-item" @click="onOpenApp(app, $event)" :href="'https://' + app.fqdn" target="_blank">
           <img :alt="app.label || app.subdomain || app.fqdn" :src="app.iconUrl" v-fallback-image="API_ORIGIN + '/img/appicon_fallback.png'"/>