Fix ExpressionChangedAfterItHasBeenCheckedError in navigation menu component

Co-authored-by: renemadsen <[email protected]>

Author: Copilot

eform-client/src/app/modules/advanced/modules/navigation-menu/components/navigation-menu-page/navigation-menu-page.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit, ViewChild, inject, AfterViewInit, ViewChildren, QueryList } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewChild, inject, AfterViewInit, ViewChildren, QueryList, ChangeDetectorRef } from '@angular/core';
 import { CdkDragDrop, moveItemInArray, copyArrayItem, transferArrayItem, CdkDragMove, CdkDragRelease, CdkDropList, CdkDrag } from '@angular/cdk/drag-drop';
 import {
   NavigationMenuItemIndexedModel,
@@ -45,6 +45,7 @@ export class NavigationMenuPageComponent implements OnInit, OnDestroy, AfterView
   private overlay = inject(Overlay);
   private store = inject(Store);
   private dragDropService = inject(NavigationMenuDragDropService);
+  private cdr = inject(ChangeDetectorRef);
 
 
   @ViewChild('resetMenuModal')
@@ -104,14 +105,16 @@ export class NavigationMenuPageComponent implements OnInit, OnDestroy, AfterView
       this.dropLists.forEach(dropList => {
         this.dragDropService.register(dropList);
       });
-      
+
       // Subscribe to changes in drop lists (for dynamically added dropdowns)
       this.dropLists.changes.subscribe(() => {
         // Clear and re-register all drop lists when the list changes
         this.dragDropService.dropLists = [];
         this.dropLists?.forEach(dropList => {
           this.dragDropService.register(dropList);
         });
+        // Trigger change detection to prevent ExpressionChangedAfterItHasBeenCheckedError
+        this.cdr.detectChanges();
       });
     }
   }