enh(settings): Set main heading for User management

Signed-off-by: Christopher Ng <chrng8@gmail.com>

apps/settings/src/views/Users.vue

@@ -127,7 +127,7 @@
 				</template>
 			</NcAppNavigation>
 
-			<NcAppContent>
+			<NcAppContent :page-heading="pageHeading">
 				<UserList :selected-group="selectedGroupDecoded"
 					:external-actions="externalActions" />
 			</NcAppContent>
@@ -212,6 +212,17 @@ export default {
 	},
 
 	computed: {
+		pageHeading() {
+			if (this.selectedGroupDecoded === null) {
+				return t('settings', 'Active users')
+			}
+			const matchHeading = {
+				admin: t('settings', 'Admins'),
+				disabled: t('settings', 'Disabled users'),
+			}
+			return matchHeading[this.selectedGroupDecoded] ?? t('settings', 'User group: {group}', { group: this.selectedGroupDecoded })
+		},
+
 		showConfig() {
 			return this.$store.getters.getShowConfig
 		},