feat: das Konto zieht hinter den Namen, und die Ansicht merkt sich

DAS KONTO WAR EIN EIGENER REITER -- gleichrangig neben Galerie und Verlauf,
obwohl man sein Passwort zweimal im Jahr aendert und die Galerie taeglich
oeffnet. Jetzt haengt es hinter dem eigenen Namen oben rechts, zusammen mit dem
Abmelden. Das ist der Platz, an dem jeder danach sucht.

Der Pfad /konto BLEIBT bestehen: ein Lesezeichen darauf soll nicht ins Leere
fuehren, nur weil der Reiter verschwunden ist. Dafuer gibt es jetzt eine
zweite, kleine Liste "versteckt" neben den Reitern -- Seiten mit Adresse, aber
ohne Knopf.

Das Menue schliesst bei Klick daneben und bei Escape. Ein Menue, das offen
bleibt, bis man genau den Knopf wieder trifft, steht im Weg.

DIE ANSICHT MERKT SICH. Seitengroesse, Sortierung und Richtung in der Galerie,
Seitengroesse im Verlauf: wer 120 pro Seite einstellt, meint das dauerhaft und
nicht bis zum naechsten F5. Der Auffrisch-Schalter tat das schon von Hand und
geht jetzt denselben Weg.

BEWUSST NICHT gemerkt werden Filter -- Ordner, Suche, Medienart. Ein gemerkter
Filter fuehrt zu der Frage "warum sehe ich nichts", und die Antwort steht dann
in einer Leiste, auf die niemand schaut, weil er sie nicht selbst gesetzt hat.
Was die Ansicht formt, wird gemerkt; was die Menge einschraenkt, nicht.

localStorage kann werfen (privates Fenster, voller Speicher). Dann verhaelt
sich der Haken wie ein gewoehnlicher Zustand, statt die Seite mitzureissen.

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

server/ui/src/pages/Galerie.tsx

@@ -38,6 +38,7 @@ import { Hochladen } from '../components/Hochladen'
 import { Ansehen } from '../components/Ansehen'
 import { Verschieben } from '../components/Verschieben'
 import { useAuffrischen } from '../auffrischen'
+import { useMerker } from '../merker'
 
 const SEITENGROESSEN = [30, 60, 120, 200] as const
 
@@ -49,9 +50,11 @@ export function Galerie() {
     const [seite, setSeite] = useState(0)
     const [art, setArt] = useState<Art>('')
     const [arten, setArten] = useState<Arten | null>(null)
-    const [proSeite, setProSeite] = useState(60)
-    const [sortierung, setSortierung] = useState<Sortierung>('geaendert')
-    const [richtung, setRichtung] = useState<Richtung>('ab')
+    // Ansichtssachen ueberleben das Neuladen -- wer 120 einstellt, meint das
+    // dauerhaft und nicht bis zum naechsten F5.
+    const [proSeite, setProSeite] = useMerker('galerie.proSeite', 60)
+    const [sortierung, setSortierung] = useMerker<Sortierung>('galerie.sort', 'geaendert')
+    const [richtung, setRichtung] = useMerker<Richtung>('galerie.dir', 'ab')
     const [daten, setDaten] = useState<MediaPage | null>(null)
     const [laedt, setLaedt] = useState(true)
     const [gewaehlt, setGewaehlt] = useState<Set<number>>(new Set())

server/ui/src/pages/Verlauf.tsx

@@ -16,6 +16,7 @@ import { useStore } from '../store'
 import { bytes, zeit } from '../format'
 import { Karte, Knopf, Leer } from '../components/Bausteine'
 import { useAuffrischen } from '../auffrischen'
+import { useMerker } from '../merker'
 import { Avatar } from '../components/Avatar'
 
 const SEITENGROESSEN = [25, 50, 100, 200] as const
@@ -34,7 +35,7 @@ export function Verlauf() {
     const [seite, setSeite] = useState(0)
     const [art, setArt] = useState<EventKind | ''>('')
     const [wer, setWer] = useState('')
-    const [proSeite, setProSeite] = useState(50)
+    const [proSeite, setProSeite] = useMerker('verlauf.proSeite', 50)
     const [suche, setSuche] = useState('')
 
     // Wie in der Galerie: erst tippen lassen, dann fragen. Sonst geht bei