fix(user management): fix app roles display (eclipse-tractusx#1546)

* fix(user management): fixed display of app roles in user list table
* fix(user management): update translations

Author: lavanya-bmw

src/assets/locales/de/main.json

@@ -1126,8 +1126,8 @@
     "addUserRight": {
       "headline": "Assign app roles to your user(s)",
       "noRolesFound": "No user roles found",
-      "selectUsersDescription": "[abstract] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
-      "addRolesDescription": "[abstract] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
+      "selectUsersDescription": "Ordnen Sie Ihren Benutzern die entsprechenden Anwendungsrollen zu, um sicherzustellen, dass sie über die erforderlichen Berechtigungen und Zugriffsrechte für ihre Aufgaben verfügen.",
+      "addRolesDescription": "Ordnen Sie Ihren Benutzern die entsprechenden Anwendungsrollen zu, um sicherzustellen, dass sie über die erforderlichen Berechtigungen und Zugriffsrechte für ihre Aufgaben verfügen.",
       "confirmSelectedUsers": "Confirm selected users",
       "confirmSelectedRoles": "Confirm selected roles",
       "selectRoles": "Select Roles:",

src/assets/locales/en/main.json

@@ -1126,8 +1126,8 @@
     "addUserRight": {
       "headline": "Assign app roles to your user(s)",
       "noRolesFound": "No user roles found",
-      "selectUsersDescription": "[abstract] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
-      "addRolesDescription": "[abstract] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
+      "selectUsersDescription": "Assign the appropriate application roles to your users to ensure they have the necessary permissions and access levels required for their tasks.",
+      "addRolesDescription": "Assign the appropriate application roles to your users to ensure they have the necessary permissions and access levels required for their tasks.",
       "confirmSelectedUsers": "Confirm selected users",
       "confirmSelectedRoles": "Confirm selected roles",
       "selectRoles": "Select Roles:",

src/components/shared/frame/UserList/index.tsx

@@ -157,22 +157,35 @@ export const UserList = ({
                   scrollbarWidth: 'none',
                 }}
               >
-                {roles.length
-                  ? roles
-                      .filter(
-                        (role: RoleType | string) =>
-                          typeof role !== 'string' &&
-                          role.clientId === getClientId()
-                      )
-                      .map((role: RoleType) => (
+                {isDetail
+                  ? roles.length
+                    ? roles
+                        .filter(
+                          (role: RoleType | string) =>
+                            typeof role !== 'string' &&
+                            role.clientId === getClientId()
+                        )
+                        .map((role: RoleType) => (
+                          <StatusTag
+                            key={role.roleId}
+                            color="label"
+                            label={role.roleName}
+                            className="statusTag"
+                          />
+                        ))
+                    : ''
+                  : roles.length
+                    ? roles.map((role: RoleType | string) => (
                         <StatusTag
-                          key={role.roleId}
+                          key={typeof role === 'string' ? role : role.roleId}
                           color="label"
-                          label={role.roleName}
+                          label={
+                            typeof role === 'string' ? role : role.roleName
+                          }
                           className="statusTag"
                         />
                       ))
-                  : ''}
+                    : ''}
               </span>
             ),
           },