Add TODOs for dashboard to reorder mail and user directory

dashboard/src/components/CloudronAccount.vue

@@ -59,6 +59,8 @@ onMounted(async () => {
     <CloudronRegistrationDialog ref="registrationDialog" @success="refresh()"/>
 
     <Section :title="$t('settings.appstoreAccount.title')">
+      <!-- TODO: Show plan info -->
+
       <div v-if="!busy">
         <div v-if="hasSubscription">
           <p>{{ $t('settings.appstoreAccount.description') }}</p>
@@ -66,6 +68,8 @@ onMounted(async () => {
           <!-- TODO what is `subscription.externalCustomer` ? -->
           <div class="info-row">
             <div class="info-label">{{ $t('settings.appstoreAccount.email') }}</div>
+            <!-- TODO change to setup subscxription -->
+            <!-- TODO button is a link to console.cloudron.io/setup-subscription?cloudronId=xxx -->
             <div class="info-value"><a :href="`${consoleServerOrigin}?email=${emailEncoded}`" target="_blank">{{ email }} <i v-show="!emailVerified" class="fas fa-exclamation-triangle text-danger" v-tooltip="$t('settings.appstoreAccount.emailNotVerified')"></i></a></div>
           </div>
 

dashboard/src/components/MailboxDialog.vue

@@ -120,6 +120,7 @@ defineExpose({
          <fieldset :disabled="busy">
           <input type="submit" style="display: none;" :disabled="!name || !domain"/>
 
+<!-- TODO only list domains which have incoming enabled -->
           <FormGroup v-if="!mailbox">
             <label for="nameInput">{{ $t('email.addMailboxDialog.name') }}</label>
             <InputGroup>