Fix word-break for group name in edit role group

Apply 'word-break: break-all' style for the group name field in the
Edit role group modal to ensure long group names wrap properly within
their container.

The change improves the readability and layout consistency of the
group name display in the modal even if it contains long text.
Fixes #111

Change-Id: Ia424fadc1630bbf28726a7064ff9b14764877d2b
Signed-off-by: Farah Rasheed <[email protected]>

Author: FarahRasheed1

src/views/SecurityAndAccess/Ldap/ModalAddRoleGroup.vue

@@ -16,7 +16,7 @@
             <template v-if="roleGroup !== null">
               <dl class="mb-4">
                 <dt>{{ $t('pageLdap.modal.groupName') }}</dt>
-                <dd>{{ form.groupName }}</dd>
+                <dd style="word-break: break-all">{{ form.groupName }}</dd>
               </dl>
             </template>