add copy button for cloudronId

dashboard/src/views/CloudronAccountView.vue

@@ -5,7 +5,7 @@ const i18n = useI18n();
 const t = i18n.t;
 
 import { ref, onMounted, onUnmounted, useTemplateRef, computed } from 'vue';
-import { Button, ProgressBar, InputDialog } from '@cloudron/pankow';
+import { Button, ProgressBar, InputDialog, ClipboardAction } from '@cloudron/pankow';
 import { prettyLongDate } from '@cloudron/pankow/utils';
 import Section from '../components/Section.vue';
 import SettingsItem from '../components/SettingsItem.vue';
@@ -116,7 +116,10 @@ onUnmounted(() => {
 
           <div class="info-row">
             <div class="info-label">{{ $t('settings.appstoreAccount.cloudronId') }}</div>
-            <div class="info-value">{{ cloudronId }}</div>
+            <div class="info-value">
+              {{ cloudronId }}
+              <ClipboardAction plain :value="cloudronId"/>
+            </div>
           </div>
 
           <div class="info-row">