add description field in various FormGroups

dashboard/src/components/app/Storage.vue

@@ -18,8 +18,6 @@ const appDataVolumes = ref([]);
 const volumes = ref([]);
 const moveBusy = ref(false);
 const moveError = ref('');
-const diskUsage = ref(-1);
-const diskUsageDate = ref(0);
 const volumeId = ref('');
 const volumePrefix = ref('');
 const originalVolumeId = ref('');
@@ -156,9 +154,7 @@ onMounted(async () => {
   <div>
     <FormGroup>
       <label>{{ $t('app.storage.appdata.title') }} <sup><a href="https://docs.cloudron.io/apps/#data-directory" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
-      <div v-if="diskUsage !== -1" v-html="$t('app.storage.appdata.diskUsage', { size: '<b>' + prettyBinarySize(diskUsage) + '</b>', date: prettyDate(diskUsageDate) })"></div>
-      <div v-html="$t('app.storage.appdata.description', { storagePath: ('/home/yellowtent/appsdata/' + app.id) })"></div>
-      <br/>
+      <div description v-html="$t('app.storage.appdata.description', { storagePath: ('/home/yellowtent/appsdata/' + app.id) })"></div>
 
       <form @submit.prevent="onSubmitMove()" autocomplete="off">
         <fieldset :disabled="moveBusy || (app.error && app.error.details.installationState !== ISTATES.PENDING_DATA_DIR_MIGRATION) || !!app.taskId">
@@ -218,7 +214,7 @@ onMounted(async () => {
         </tbody>
       </table>
 
-      <div style="margin-top: 5px;">
+      <div style="margin-top: 10px;">
         <span v-if="mounts.length === 0">{{ $t('app.storage.mounts.noMounts') }}&nbsp;</span>
         <span class="actionable" @click="onMountAdd()">{{ $t('app.storage.mounts.addMountAction') }}</span>
       </div>