Update pankow to improve busy states and dialogs

dashboard/src/views/AppstoreView.vue

@@ -6,7 +6,7 @@ const t = i18n.t;
 
 import moment from 'moment';
 import { ref, computed, useTemplateRef, onMounted, onUnmounted, inject, watch, nextTick } from 'vue';
-import { TextInput, Spinner, InputDialog, SingleSelect } from '@cloudron/pankow';
+import { TextInput, ProgressBar, InputDialog, SingleSelect } from '@cloudron/pankow';
 import AppsModel from '../models/AppsModel.js';
 import AppstoreModel from '../models/AppstoreModel.js';
 import AppInstallDialog from '../components/AppInstallDialog.vue';
@@ -182,12 +182,12 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div class="content" style="width: 100%;">
+  <div class="content" style="width: 100%; height: 100%;">
     <InputDialog ref="inputDialog"/>
     <AppInstallDialog ref="appInstallDialog" @close="onAppInstallDialogClose"/>
 
-    <div v-if="!ready" style="width: 100%; text-align: center;">
-      <Spinner class="pankow-spinner-large"/>
+    <div v-if="!ready" style="height: 100%; display: flex; flex-direction: column; justify-content: center;">
+      <ProgressBar mode="indeterminate" :show-label="false" :slim="true"/>
     </div>
     <div v-else-if="appstoreTokenError">
       Cloudron not registered. Reset registration <a href="#/cloudron-account">here</a>.