77205: Workaround: add access_control parent section after child sections

src/app/+admin/admin-sidebar/admin-sidebar.component.ts

@@ -540,17 +540,6 @@ export class AdminSidebarComponent extends MenuComponent implements OnInit {
     this.authorizationService.isAuthorized(FeatureID.CanManageGroups).subscribe((authorized) => {
       const menuList = [
         /* Access Control */
-        {
-          id: 'access_control',
-          active: false,
-          visible: authorized,
-          model: {
-            type: MenuItemType.TEXT,
-            text: 'menu.section.access_control'
-          } as TextMenuItemModel,
-          icon: 'key',
-          index: 4
-        },
         {
           id: 'access_control_people',
           parentID: 'access_control',
@@ -584,6 +573,17 @@ export class AdminSidebarComponent extends MenuComponent implements OnInit {
             link: ''
           } as LinkMenuItemModel,
         },
+        {
+          id: 'access_control',
+          active: false,
+          visible: authorized,
+          model: {
+            type: MenuItemType.TEXT,
+            text: 'menu.section.access_control'
+          } as TextMenuItemModel,
+          icon: 'key',
+          index: 4
+        },
       ];
 
       menuList.forEach((menuSection) => this.menuService.addSection(this.menuID, Object.assign(menuSection, {