Add 5 more cinematic event interrupts (Hoth, Crait, Treaty, Knights of Ren, Battle of Jakku)

> **Skills:** TypeScript · canon knowledge · visual design instinct
> **Time:** ~4 hours
> **Good for:** Lore experts who can pick the right framing per event
> **Difficulty:** Intermediate

---

## Context

`lib/data/event-cinematics.ts` registers 5 cinematic interrupts that fire when the era scrubber crosses canonical years (Order 66, Duel on Mustafar, Battle of Yavin, Battle of Endor, Hosnian Cataclysm). The framework supports any number — we just need to add more.

## Targets

5 more, chosen for narrative weight:

1. **Battle of Hoth** (3 ABY) — `single-pulse` over the Outer Rim, alarm tone. Subtitle: "Echo Base falls."
2. **Battle of Crait** (34 ABY) — `single-pulse` accent-blue with a short "salt drift" caption. Subtitle: "The spark of the Resistance."
3. **Treaty of Coruscant** (-3653 BBY) — `binary-suns` legends-amber. Subtitle: "An uneasy peace."
4. **Knights of Ren formation** (~28 ABY) — `multi-pulse` 6 alarm-red points. Subtitle: "Six who bend the knee."
5. **Battle of Jakku** (5 ABY) — `multi-pulse` 12 cream pulses (downed Star Destroyers). Subtitle: "The Empire dies in the desert."

Each entry follows the existing `EventCinematic` schema in `event-cinematics.ts`. Year, windowYears, title, subtitle, durationMs, visual, pulseCount, tone, audioCue, source.

## Acceptance criteria

- All 5 added with cited Wookieepedia URLs
- Each fires exactly once per era-cross (existing dispatcher handles this)
- Stories may auto-fire some (e.g. Skywalker Family crosses 5 ABY → Battle of Jakku; Order of the Sith crosses 28 ABY → Knights of Ren)
- Reduced-motion → title card only, no pulses
- `npx tsc --noEmit` exits 0

## Lore reference

https://starwars.fandom.com/wiki/Battle_of_Hoth
https://starwars.fandom.com/wiki/Battle_of_Crait
https://starwars.fandom.com/wiki/Treaty_of_Coruscant
https://starwars.fandom.com/wiki/Knights_of_Ren
https://starwars.fandom.com/wiki/Battle_of_Jakku