Only show mailbox alias counts in main table to avoid too much overflow

dashboard/src/views/EmailMailboxesView.vue

@@ -39,7 +39,7 @@ const columns = {
     sort: true,
     hideMobile: true,
     nowrap: true,
-    width: '15%',
+    width: '100px',
   },
   usage: {
     label: t('email.incoming.mailboxes.usage'),
@@ -111,10 +111,6 @@ const filteredMailboxesUsage = computed(() => {
   return filteredMailboxes.value.reduce((acc, m) => acc + (m.usage && m.usage.diskSize), 0);
 });
 
-function renderAliases(aliases) {
-  return aliases.map(a => `${a.name}@${a.domain}`).join(', ');
-}
-
 const mailboxDialog = useTemplateRef('mailboxDialog');
 
 async function onAddOrEdit(mailbox = null) {
@@ -266,7 +262,7 @@ onMounted(async () => {
       </template>
 
       <TableView :columns="columns" :model="filteredMailboxes" :busy="busy" :fixed-layout="true" :placeholder="$t(searchFilter ? 'email.incoming.mailboxes.noMatchesPlaceholder' : 'email.incoming.mailboxes.emptyPlaceholder')">
-        <template #aliases="mailbox">{{ renderAliases(mailbox.aliases) }}</template>
+        <template #aliases="mailbox">{{ mailbox.aliases.length }}</template>
         <template #usage="mailbox">
           <span v-if="mailbox.usage !== -1">{{ prettyDecimalSize(mailbox.usage.diskSize) }}</span>
           <span v-else>{{ $t('main.loadingPlaceholder') }} ...</span>