Same as users view, only show user count in groups view

dashboard/src/views/GroupsView.vue

@@ -150,7 +150,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="content-large">
+  <div class="content">
     <Menu ref="actionMenuElement" :model="actionMenuModel" />
     <InputDialog ref="inputDialog" />
     <GroupDialog ref="groupDialog" @success="refreshGroups()"/>
@@ -170,9 +170,7 @@ onMounted(async () => {
         <template #name="group">
           {{ group.name }} &nbsp; <i v-if="group.source" class="far fa-address-book" v-tooltip="$t('users.groups.externalLdapTooltip')"></i>
         </template>
-        <template #users="group">
-          {{ groupMembers(group) }}
-        </template>
+        <template #users="group">{{ group.userIds.length }}</template>
         <template #actions="group">
           <div style="text-align: right;">
             <Button tool plain secondary @click.capture="onGroupActionMenu(group, $event)" icon="fa-solid fa-ellipsis" />

dashboard/src/views/UsersView.vue

@@ -253,9 +253,7 @@ onMounted(async () => {
           <span class="text-muted" style="margin: 0 6px" v-else>{{ user.email }}</span>
           <i v-show="user.source" class="far fa-address-book" v-tooltip="$t('users.users.externalLdapTooltip')"></i>
         </template>
-        <template #groups="user">
-          <span class="group-label">{{ user.groupIds.length }}</span>
-        </template>
+        <template #groups="user">{{ user.groupIds.length }}</template>
         <template #actions="user">
           <div class="table-actions">
             <!-- <Button tool plain secondary :disabled="!canEdit(user)" @click.capture="onEditOrAddUser(user)" :tooltip="$t('main.action.edit')" icon="fa-solid fa-pencil-alt" /> -->