feat: plakat redesign phase 3 (windows on desktop, sheets on mobile) (#76)

- Tapping an object on the desk opens a window (desktop) or a bottom sheet
  (mobile) instead of flipping: projects, now, servers, reading, about, contact
- Desktop windows in poster style (2px ink rule, hard offset shadow), open
  from the tapped object, thrown by the title bar with momentum and elastic
  viewport edges, stack by focus, minimize into a tray, Escape closes the top
  window, focus moves to close and returns to the trigger
- Mobile sheets via vaul 1.1.2: drag down to dismiss, overlay, focus trap
- Project window shows live/source links from Directus when present
- Hero "Write me" opens the contact window; still a plain #contact link
  without JavaScript
- Shared current-book loader for desk, deck and reading window
- Texts in de/en, i18n key check extended

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

app/components/tisch/Deck.tsx

@@ -3,6 +3,8 @@
 import { useRef, useState } from "react";
 import { AnimatePresence, motion, useMotionValue, useTransform, type PanInfo, type Variants } from "framer-motion";
 import ObjectFace from "./ObjectFace";
+import { useOpenWindow } from "../fenster/WindowProvider";
+import { labelFor, windowFor } from "./windowFor";
 import type { TischLabels, TischObject } from "./types";
 
 interface DeckProps {
@@ -101,12 +103,13 @@ interface DeckCardProps {
 }
 
 function DeckCard({ obj, labels, depth, enteringFromLeft, onDismiss }: DeckCardProps) {
-  const [flipped, setFlipped] = useState(false);
   const dragged = useRef(false);
+  const cardRef = useRef<HTMLDivElement>(null);
+  const openWindow = useOpenWindow();
+  const openIt = () => openWindow?.(windowFor(obj), cardRef.current);
   const x = useMotionValue(0);
   const dragRotate = useTransform(x, [-220, 0, 220], [-14, 0, 14]);
   const isTop = depth === 0;
-  const canFlip = obj.kind === "project";
   const restRotate = depth === 0 ? 0 : depth % 2 ? 3 : -3;
 
   const handleDragEnd = (_: unknown, info: PanInfo) => {
@@ -126,6 +129,7 @@ function DeckCard({ obj, labels, depth, enteringFromLeft, onDismiss }: DeckCardP
       transition={{ type: "spring", bounce: 0, duration: 0.45 }}
     >
       <motion.div
+        ref={cardRef}
         className={`h-full w-full ${obj.kind === "sticker" ? "rounded-full" : "rounded-2xl"} shadow-[6px_6px_0_rgb(var(--plakat-ink))] ${isTop ? "cursor-grab" : "pointer-events-none"}`}
         style={{ x, rotate: dragRotate, touchAction: "pan-y" }}
         drag={isTop ? "x" : false}
@@ -138,13 +142,20 @@ function DeckCard({ obj, labels, depth, enteringFromLeft, onDismiss }: DeckCardP
           dragged.current = true;
         }}
         onDragEnd={handleDragEnd}
-        onTap={isTop && canFlip ? () => !dragged.current && setFlipped((f) => !f) : undefined}
-        tabIndex={isTop && canFlip ? 0 : -1}
-        role={canFlip ? "button" : undefined}
-        aria-pressed={canFlip ? flipped : undefined}
+        onTap={isTop ? () => !dragged.current && openIt() : undefined}
+        onKeyDown={(e) => {
+          if (isTop && e.key === " ") {
+            e.preventDefault();
+            openIt();
+          }
+        }}
+        tabIndex={isTop ? 0 : -1}
+        role="button"
+        aria-haspopup="dialog"
+        aria-label={labelFor(obj, labels)}
         aria-hidden={!isTop}
       >
-        <ObjectFace obj={obj} labels={labels} flipped={flipped} />
+        <ObjectFace obj={obj} labels={labels} />
       </motion.div>
     </motion.div>
   );