fix: set shift times in correct order (start -> stop -> break)

The break/pause field is disabled until start and stop are filled.
Changed order from start/break/stop to start/stop/break to match
the pattern in dashboard-edit-b.spec.ts. Also force-click the
timepicker input since it has readonly+disabled attributes.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: renemadsen

eform-client/playwright/e2e/plugins/time-planning-pn/c/time-planning-glsa-3f-pay-rules.spec.ts

@@ -175,7 +175,8 @@ async function setTimepickerValue(
   const [hours, minutes] = timeValue.split(':').map(Number);
   const input = page.locator(`[data-testid="${testId}"]`);
   await input.waitFor({ state: 'visible', timeout: 10000 });
-  await input.click();
+  // The timepicker input is readonly and may be disabled - force click
+  await input.click({ force: true });
 
   // Select hour on the clock face
   const hourDegrees = 360 / 12 * hours;
@@ -228,9 +229,10 @@ async function setPlannedShiftTimes(
   pause: string,
   stop: string,
 ): Promise<void> {
+  // Order matters: break is disabled until start+stop are set
   await setTimepickerValue(page, `plannedStartOfShift${shiftId}`, start);
-  await setTimepickerValue(page, `plannedBreakOfShift${shiftId}`, pause);
   await setTimepickerValue(page, `plannedEndOfShift${shiftId}`, stop);
+  await setTimepickerValue(page, `plannedBreakOfShift${shiftId}`, pause);
 }
 
 /**