fix: T4a browser check findings

- Withdrawal wording from one backend helper everywhere ("bis
  einschließlich TT.MM. – ab TT.MM. wieder erntefähig", year when it
  crosses New Year); withdrawal-status returns lastBlockedDay and the
  ready text, the frontend no longer computes dates
- Calendar events name colony or apiary, withdrawal events carry
  product and detail; compact withdrawal rows on mobile
- One bottling warning per colony and treatment; pre-save hint
- Offline: online-only actions disabled with a reason, cached data
  shows its timestamp, open sheets block submit offline
- Mobile: no horizontal scroll at 360 px, touch targets >= 44 px,
  toasts and the add button no longer cover content
- Cleanup sheet without destructive preselection; natural sort of
  colony codes; collapsible automation rule cards; varroa list newest
  first with chart axes; text fixes

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>

ApiCore-Backend/test/calendar.e2e-spec.ts

@@ -1,4 +1,5 @@
 import { INestApplication } from '@nestjs/common';
+import { withdrawalRangeText } from '../src/withdrawal/withdrawal-text';
 import * as bcrypt from 'bcryptjs';
 import request from 'supertest';
 import { App } from 'supertest/types';
@@ -152,6 +153,9 @@ describe('Calendar (e2e)', () => {
     );
     expect(span).toMatchObject({
       title: `Wartezeit ${colonyCode} · Oxuvar`,
+      context: colonyCode,
+      product: 'Oxuvar',
+      detail: withdrawalRangeText('2027-06-20'),
       relatedType: 'Colony',
       relatedId: colonyId,
     });

ApiCore-Backend/test/treatments.e2e-spec.ts

@@ -16,6 +16,8 @@ interface TreatmentBody {
 interface WithdrawalStatusBody {
   colonyId: string;
   activeUntil: string;
+  lastBlockedDay: string;
+  withdrawalText: string;
   product: string;
 }
 
@@ -254,6 +256,9 @@ describe('Treatments (e2e)', () => {
         {
           colonyId,
           activeUntil: '2026-07-15T00:00:00.000Z',
+          lastBlockedDay: '2026-07-14',
+          withdrawalText:
+            'bis einschließlich 14.07. – ab 15.07. wieder erntefähig',
           product: 'Oxalsäure',
         },
       ]);

ApiCore-Backend/test/withdrawal-chain.e2e-spec.ts

@@ -1,4 +1,5 @@
 import { INestApplication } from '@nestjs/common';
+import { withdrawalRangeText } from '../src/withdrawal/withdrawal-text';
 import * as bcrypt from 'bcryptjs';
 import request from 'supertest';
 import { App } from 'supertest/types';
@@ -264,7 +265,7 @@ describe('Withdrawal chain (e2e)', () => {
         {
           code: 'WITHDRAWAL_ACTIVE',
           severity: 'WARNUNG',
-          message: `${colony.code}: Wartezeit nach Oxuvar endet am 30.07.2026.`,
+          message: `${colony.code}: Wartezeit nach Oxuvar ${withdrawalRangeText('2026-07-30')}.`,
           refs: [
             { type: 'Colony', id: colony.id },
             { type: 'Treatment', id: treatmentIds[0] },
@@ -283,7 +284,7 @@ describe('Withdrawal chain (e2e)', () => {
       expect(rows[0]).toMatchObject({
         priority: 'WARNUNG',
         category: 'WITHDRAWAL',
-        message: `Wartezeit: ${colony.code} am 20.07. geerntet, Wartezeit nach Oxuvar endet am 30.07.2026.`,
+        message: `Wartezeit: ${colony.code} am 20.07. geerntet, Wartezeit nach Oxuvar ${withdrawalRangeText('2026-07-30')}.`,
         relatedType: 'Harvest',
         relatedId: harvestId,
         link: `/harvests/${harvestId}`,
@@ -332,7 +333,7 @@ describe('Withdrawal chain (e2e)', () => {
       expect(bottling.warnings).toHaveLength(1);
       expect(bottling.warnings[0]).toMatchObject({
         code: 'WITHDRAWAL_ACTIVE',
-        message: `${colony.code}: Wartezeit nach Oxuvar endet am 30.07.2026.`,
+        message: `${colony.code}: Wartezeit nach Oxuvar ${withdrawalRangeText('2026-07-30')}.`,
       });
 
       await drainDomainEvents(app, [bottling.id]);
@@ -515,7 +516,7 @@ describe('Withdrawal chain (e2e)', () => {
       expect(rows[0]).toMatchObject({
         priority: 'INFO',
         category: 'WITHDRAWAL',
-        message: `${colony.code} ist wieder erntefähig. Wartezeit nach Oxuvar endete am 25.06.2026.`,
+        message: `${colony.code}: Wartezeit nach Oxuvar ${withdrawalRangeText('2026-06-25')}.`,
         relatedType: 'Colony',
         link: `/colonies/${colony.id}`,
       });
@@ -558,7 +559,7 @@ describe('Withdrawal chain (e2e)', () => {
         where: { userId: readerId, relatedId: colony.id },
       });
       expect(rows).toHaveLength(1);
-      expect(rows[0].message).toContain('endete am 03.06.2026');
+      expect(rows[0].message).toContain(withdrawalRangeText('2026-06-03'));
       expect(rows[0].message).toContain(colony.code);
     });
   });