feat(tags): QR-Aufkleber, Geraeteseite, Etikettendruck und Scanner

Der Einstieg, fuer den die Anwendung gebaut ist: scannen, sehen was zu tun ist,
loslegen. `/t/<tagCode>` kennt drei Faelle — registriertes Geraet, vorgedruckter
Tag, unbekannter Code —, die Geraeteseite zeigt Zuweisungen, Schnellstart und
Historie, und beides ist am Handy bedienbar.

Im QR steht ausschliesslich `{APP_URL}/t/{tagCode}`: kein Name, keine
Seriennummer, kein Besitzer. Ein Aufkleber haengt jahrelang sichtbar am Geraet
und wird von jedem Telefon gelesen; was darauf steht, ist veroeffentlicht. Die
Masse sind gemessen, nicht behauptet: ein echtes PDF liefert 62 x 29 mm und A4,
und ein bei 300 dpi gerastertes Etikett wird mit demselben Decoder
zurueckgelesen, den auch der Scanner benutzt.

Drei Defekte zeigte erst der gebaute Stand, alle an den Naehten zwischen den
parallel gebauten Teilen: „Starten“ setzte IN_ARBEIT und sprang nicht, „Vorlage
zuweisen“ bot Vorlagen an, die der Dienst danach ablehnte, und die Geraeteliste
verlinkte nichts. Der unabhaengige Review fand drei Blocker — darunter, dass der
Scanner nie die native BarcodeDetector-API benutzte und dass ein Unterpfad in
APP_URL aus dem gedruckten QR herausfiel.

Closes #14

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

scripts/screenshots.ts

@@ -42,6 +42,12 @@ type Seite = {
   readonly nurModus?: "INTERN" | "DIENSTLEISTUNG";
   /** Vor der Aufnahme ausfuehren, etwa ein Aufklappen. */
   readonly vorbereiten?: (tab: Page) => Promise<void>;
+  /**
+   * Hell aufnehmen statt dunkel. Fuer Druckseiten: ein Etikett ist immer hell,
+   * und ein Bild im dunklen Farbschema zeigte etwas, das so nie aus einem
+   * Drucker kommt (#014).
+   */
+  readonly hell?: boolean;
   /**
    * Nur diesen Ausschnitt aufnehmen statt der ganzen Seite. Fuer Bilder, die
    * ein einzelnes Element zeigen sollen — eine ganze Seite waere dasselbe Bild
@@ -161,6 +167,31 @@ const SEITEN: readonly Seite[] = [
     ausschnitt: (tab) => tab.getByRole("listitem").filter({ hasText: "Rechner umbenannt" }),
   },
   { name: "abteilungen", pfad: "/admin/abteilungen" },
+  { name: "scannen", pfad: "/scannen" },
+  { name: "tags", pfad: "/tags" },
+  {
+    name: "geraeteseite",
+    pfad: "/geraete",
+    vorbereiten: async (tab) => {
+      await tab.getByRole("link", { name: "NB-001" }).first().click();
+      await tab.waitForURL(/\/geraete\/[^/]+$/);
+    },
+  },
+  {
+    /*
+     * Das Registrierformular gibt es nur zu einem Tag ohne Zuordnung. Welcher
+     * das ist, weiss nur die Datenbank — also den Weg gehen, den auch ein
+     * Techniker geht: von der Tag-Liste aus.
+     */
+    name: "tag-registrieren",
+    pfad: "/tags",
+    vorbereiten: async (tab) => {
+      await tab.getByRole("link", { name: /^LZ-/ }).first().click();
+      await tab.waitForURL(/\/t\/LZ-/);
+    },
+  },
+  { name: "etikett-62x29", pfad: "/drucken/etiketten?layout=etikett", hell: true },
+  { name: "etiketten-a4", pfad: "/drucken/etiketten?layout=bogen", hell: true },
 ];
 
 function argument(name: string): string | undefined {
@@ -248,7 +279,7 @@ try {
     for (const ansicht of ANSICHTEN) {
       const kontext = await browser.newContext({
         viewport: { width: ansicht.breite, height: ansicht.hoehe },
-        colorScheme: "dark",
+        colorScheme: seite.hell ? "light" : "dark",
         locale: "de-DE",
         timezoneId: "Europe/Berlin",
         deviceScaleFactor: 2,