Add visible debug markers for Cypress e2e troubleshooting

- Added yellow debug info box showing isAdmin, isFirstUser, assignedSiteForm status, and data flags
- Added light blue debug marker in General tab to confirm tab rendering
- Added light green debug marker in GeneralTabComponent to confirm component rendering
- These visual markers will help identify what's rendering in Cypress e2e test mp4 videos
- Can be removed once issue is identified and fixed

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

@@ -1,9 +1,24 @@
 <div mat-dialog-title>{{ data.siteName }}</div>
 <div mat-dialog-content>
+  <!-- DEBUG: Dialog content started -->
+  <div id="debug-dialog-content-start" style="display:none;">Dialog content rendering</div>
+  <div id="debug-values" style="background: yellow; padding: 10px; margin: 10px 0;">
+    <strong>DEBUG INFO:</strong><br>
+    isAdmin: {{ isAdmin }}<br>
+    isFirstUser: {{ isFirstUser }}<br>
+    assignedSiteForm exists: {{ assignedSiteForm ? 'YES' : 'NO' }}<br>
+    data.useOnlyPlanHours: {{ data.useOnlyPlanHours }}<br>
+    data.useGoogleSheetAsDefault: {{ data.useGoogleSheetAsDefault }}<br>
+    data.autoBreakCalculationActive: {{ data.autoBreakCalculationActive }}<br>
+  </div>
   <mat-tab-group
     dynamicHeight="false"
   >
+    <!-- DEBUG: Tab group started -->
+    <div id="debug-tab-group-start" style="display:none;">Tab group rendering</div>
     <mat-tab label="{{'General' | translate }}" >
+      <!-- DEBUG: General tab started -->
+      <div id="debug-general-tab" style="background: lightblue; padding: 5px;">DEBUG: General Tab Content</div>
       <app-assigned-site-general-tab
         [data]="data"
         [assignedSiteForm]="assignedSiteForm"

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

@@ -1,4 +1,11 @@
 <div [formGroup]="assignedSiteForm" *ngIf="assignedSiteForm">
+<div id="debug-general-tab-component" style="background: lightgreen; padding: 10px; margin: 10px 0;">
+  <strong>DEBUG: GeneralTabComponent Rendering</strong><br>
+  Form exists: {{ assignedSiteForm ? 'YES' : 'NO' }}<br>
+  isFirstUser: {{ isFirstUser }}<br>
+  isAdmin: {{ isAdmin }}<br>
+  data.resigned: {{ data.resigned }}
+</div>
 <div class="d-flex flex-row" *ngIf="!data.resigned && isFirstUser">
   <!-- data.useGoogleSheetAsDefault -->
   <mat-checkbox class="p-1"