Fix cdkDragHandle directive application for non-nested fields

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

Author: Copilot

eform-client/src/app/modules/eforms/eform-visual-editor/components/eform-visual-editor-elements/field/visual-editor-field/visual-editor-field.component.html

@@ -11,10 +11,19 @@
     >
       <div style="display: flex; flex-grow: 6; align-items: center;">
         <mat-icon
-          [cdkDragHandle]="fieldIsNested"
+          *ngIf="!fieldIsNested"
           class="dragula-handle align-middle"
           style="cursor: pointer"
-          [id]="fieldIsNested ? 'moveNestedFieldBtn' : 'moveFieldBtn'"
+          id="moveFieldBtn"
+        >
+          menu
+        </mat-icon>
+        <mat-icon
+          *ngIf="fieldIsNested"
+          cdkDragHandle
+          class="dragula-handle align-middle"
+          style="cursor: pointer"
+          id="moveNestedFieldBtn"
         >
           menu
         </mat-icon>