Add debug markers to trace mat-tab-group rendering

- Added orange debug box before mat-tab-group to confirm rendering reaches that point
- Added pink debug inside mat-tab-group to see if it renders at all
- Added lime green debug inside General mat-tab to see if tab content renders
- This will show exactly where rendering stops in the Cypress e2e mp4
- If pink shows, mat-tab-group is rendering but tabs may not be initializing
- If lime shows, General tab is rendering but may be hidden by CSS or Angular Material

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

@@ -12,12 +12,19 @@ <h3 style="background: yellow; padding: 10px; margin: 10px 0;">
     <div style="color: black;">useOnlyPlanHours = <span style="font-weight: bold; color: red;">{{data.useOnlyPlanHours}}</span></div>
     <div style="color: black;">useGoogleSheetAsDefault = <span style="font-weight: bold; color: red;">{{data.useGoogleSheetAsDefault}}</span></div>
   </div>
+  <div style="background: orange; padding: 10px; margin: 10px 0; color: black;">
+    DEBUG: About to render mat-tab-group
+  </div>
   <mat-tab-group
     dynamicHeight="false"
   >
-    <!-- DEBUG: Tab group started -->
-    <div id="debug-tab-group-start" style="display:none;">Tab group rendering</div>
+    <div style="background: pink; padding: 10px; color: black;">
+      DEBUG: Inside mat-tab-group (before tabs)
+    </div>
     <mat-tab label="{{'General' | translate }}" >
+      <div style="background: lime; padding: 10px; color: black;">
+        DEBUG: Inside General mat-tab
+      </div>
       <!-- DEBUG: General tab started -->
       <div id="debug-general-tab" style="background: lightblue; padding: 5px;">DEBUG: General Tab Content</div>
       <app-assigned-site-general-tab