Fix mat-tab-group rendering by removing invalid child elements

- Removed debug divs that were direct children of mat-tab-group (invalid structure)
- mat-tab-group only accepts mat-tab elements as children, not regular divs
- Moved debug markers inside mat-tab elements where they're valid
- This was preventing the entire tab group from rendering
- Pink, lime, and blue debug boxes should now appear inside the General tab

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

Author: Copilot

eform-client/src/app/plugins/modules/time-planning-pn/components/plannings/time-planning-actions/assigned-site/assigned-site-dialog.component.html

@@ -18,15 +18,15 @@ <h3 style="background: yellow; padding: 10px; margin: 10px 0;">
   <mat-tab-group
     dynamicHeight="false"
   >
-    <div style="background: pink; padding: 10px; color: black;">
-      DEBUG: Inside mat-tab-group (before tabs)
-    </div>
     <mat-tab label="{{'General' | translate }}" >
+      <div style="background: pink; padding: 10px; color: black;">
+        DEBUG: Pink - General tab is rendering
+      </div>
       <div style="background: lime; padding: 10px; color: black;">
-        DEBUG: Inside General mat-tab
+        DEBUG: Lime - Inside General mat-tab content
       </div>
       <!-- DEBUG: General tab started -->
-      <div id="debug-general-tab" style="background: lightblue; padding: 5px;">DEBUG: General Tab Content</div>
+      <div id="debug-general-tab" style="background: lightblue; padding: 5px;">DEBUG: Blue - General Tab Content before component</div>
       <app-assigned-site-general-tab
         [data]="data"
         [assignedSiteForm]="assignedSiteForm"