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-Frontend/src/lib/apiaries/offline-pack.spec.ts

@@ -11,6 +11,7 @@ import {
   getPack,
   isPackStale,
   listPacks,
+  livingColoniesFromPacks,
   loadPack,
   packAgeText,
   purgeOldPacks,
@@ -308,3 +309,14 @@ describe("offline packs", () => {
     });
   });
 });
+
+describe("livingColoniesFromPacks order", () => {
+  it("sorts colony codes naturally (V-2 before V-10)", () => {
+    const pack = storedPack(
+      offlinePack({
+        colonies: [packColony("c1", "V-10"), packColony("c2", "V-2"), packColony("c3", "V-010")],
+      }),
+    );
+    expect(livingColoniesFromPacks([pack]).map((colony) => colony.code)).toEqual(["V-2", "V-010", "V-10"]);
+  });
+});

ApiCore-Frontend/src/lib/apiaries/offline-pack.ts

@@ -1,3 +1,4 @@
+import { compareColonyCodes } from "@/lib/colonies/sort";
 import { ApiError, apiFetch } from "@/lib/auth/api-client";
 import { isLivingColony } from "@/lib/colonies/status";
 import { isNetworkError } from "@/lib/http/fetch-with-timeout";
@@ -221,9 +222,7 @@ export function livingColoniesFromPacks(packs: readonly StoredPack[]): PackColon
       }
     }
   }
-  return [...byId.values()].sort((a, b) =>
-    a.code.localeCompare(b.code, "de", { numeric: true }),
-  );
+  return [...byId.values()].sort((a, b) => compareColonyCodes(a.code, b.code));
 }
 
 /**