Show current Cloudron version and if on latest in update view

dashboard/src/components/SystemUpdate.vue

@@ -354,6 +354,14 @@ onMounted(async () => {
         </div>
       </SettingsItem>
 
+      <SettingsItem v-if="ready">
+        <div>
+          <label>{{ $t('system.info.cloudronVersion') }}</label>
+          <span>{{ version }} <span v-if="!pendingUpdate">({{ $t('settings.updates.onLatest') }})</span></span>
+        </div>
+        <Button :disabled="checkingBusy" plain :loading="checkingBusy" v-if="!updateBusy" @click="onCheck()">{{ $t('settings.updates.checkForUpdatesAction') }}</Button>
+      </SettingsItem>
+
       <ProgressBar :value="lastTask.percent" v-if="updateBusy && lastTask" :busy="true" />
       <p v-if="updateBusy && lastTask">{{ lastTask.message }}</p>
 
@@ -362,7 +370,6 @@ onMounted(async () => {
 
       <div class="button-bar" v-if="ready">
         <Button danger v-if="updateBusy" @click="onStop()">{{ $t('settings.updates.stopUpdateAction') }}</Button>
-        <Button :disabled="checkingBusy" :loading="checkingBusy" v-if="!updateBusy" @click="onCheck()">{{ $t('settings.updates.checkForUpdatesAction') }}</Button>
         <Button :danger="(pendingUpdate && pendingUpdate.unstable) ? true : undefined" :success="(pendingUpdate && !pendingUpdate.unstable) ? true : undefined" v-show="pendingUpdate && pendingUpdate.version !== version && !updateBusy" @click="onShowUpdate()">{{ $t('settings.updates.updateAvailableAction') }}</Button>
       </div>
     </Section>