Fix placeholder text of various empty tables and lists

dashboard/src/components/DockerRegistries.vue

@@ -12,6 +12,7 @@ import DockerRegistriesModel from '../models/DockerRegistriesModel.js';
 
 const dockerRegistriesModel = DockerRegistriesModel.create();
 
+const busy = ref(true);
 const registries = ref([]);
 
 const columns = {
@@ -83,7 +84,9 @@ async function refresh() {
 }
 
 onMounted(async () => {
+  busy.value = true;
   await refresh();
+  busy.value = false;
 });
 
 </script>
@@ -101,7 +104,7 @@ onMounted(async () => {
     <div v-html="$t('dockerRegistries.description', { customAppsLink: 'https://docs.cloudron.io/custom-apps/tutorial/' })"></div>
     <br/>
 
-    <TableView :columns="columns" :model="registries">
+    <TableView :columns="columns" :model="registries" :busy="busy" :placeholder="$t('dockerRegistries.emptyPlaceholder')">
       <template #actions="registry">
         <div style="text-align: right;">
           <Button tool plain secondary @click.capture="onActionMenu(registry, $event)" icon="fa-solid fa-ellipsis" />