fix(settings): Initialize group display names from store

When editing a user, if groups have display names different from their
IDs (e.g., long group names that get hashed), the group selector was
showing the group ID instead of the display name after page reload.

This happened because the `data()` function initialized `userGroups`
with `{ id, name: id }`, setting both fields to the group ID. The fix
adds a `created()` lifecycle hook that looks up the actual group names
from the Vuex store.

Fixes #55785

Signed-off-by: Claude <noreply@anthropic.com>

Co-Authored-By: Nikolaus Demmel <nikolaus@nikolaus-demmel.de>
Signed-off-by: Nikolaus Demmel <nikolaus@nikolaus-demmel.de>

Author: NikolausDemmel

apps/settings/src/mixins/UserRowMixin.js

@@ -49,6 +49,18 @@ export default {
 			userSubAdminGroups: this.user.subadmin.map((id) => ({ id, name: id })),
 		}
 	},
+	created() {
+		// Initialize group names from store
+		// This fixes the issue where group IDs were shown instead of names in the NcSelect
+		this.userGroups = this.user.groups.map(id => {
+			const group = this.$store.state.users.groups.find(g => g.id === id)
+			return group ? { id: group.id, name: group.name } : { id, name: id }
+		})
+		this.userSubAdminGroups = this.user.subadmin.map(id => {
+			const group = this.$store.state.users.groups.find(g => g.id === id)
+			return group ? { id: group.id, name: group.name } : { id, name: id }
+		})
+	},
 	computed: {
 		showConfig() {
 			return this.$store.getters.getShowConfig