fix(ui): PR-P G-36 — rebalance right-edge slots so all 20 are visible

User feedback (screenshot 9:11): 'všetky budovy ktoré buď mám alebo
môžem mať (takže voľné sloty) sa nezobrazujú' — the rightmost
city slots weren't visible at desktop width.

Root cause: SLOT_MAP slot 19 was a 10-px "edge filler" sitting at
x=1790 in the 1800-wide SVG canvas. At ~1240-px container scale,
its on-screen width was ~7 px — practically invisible. Decorative
slots 14-17 next to it were also crammed (50-60 px each at varied
gaps), reading as a busy strip with no breathing room.

Repacked the right-edge cluster into 5 evenly-sized slots (50 px
wide, 5-px gaps), with slot 19 promoted from a 10-px filler to a
proper 40-px civic slot at x=1750. Net x-extent goes from
1530-1800 to 1530-1790 → leaves 10 px of canvas margin before the
right edge so the rightmost tile doesn't sit flush against the
card border.

Slot IDs unchanged; player-save references slot.id (a number),
not coordinates, so no migration needed. Only the visual position
moves.

Verified:
- pnpm typecheck → 0 errors
- pnpm test → 719/719 (no SLOT_MAP coordinate assertions broke)

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

Author: B2JK-Industry

lib/building-catalog.ts

@@ -531,13 +531,20 @@ export const SLOT_MAP: SlotDef[] = [
   { id: 12, category: "residential", x: 1350, y: 320, w: 80, h: 80 },
   { id: 13, category: "residential", x: 1440, y: 320, w: 80, h: 80 },
   // Row 5 — decorative (any), 4 slots
-  { id: 14, category: "decorative", x: 1530, y: 340, w: 60, h: 60 },
-  { id: 15, category: "decorative", x: 1600, y: 340, w: 60, h: 60 },
-  { id: 16, category: "decorative", x: 1670, y: 340, w: 60, h: 60 },
-  { id: 17, category: "decorative", x: 1740, y: 340, w: 50, h: 60 },
-  // Row 6 — civic at bottom
+  // G-36 — slots 14-17 + 19 rebalanced. Pre-fix slot 19 was a 10-px
+  // "edge filler" sitting at x=1790 (literally last 10 SVG units of
+  // a 1800-wide canvas). At ~1240-px container width it rendered as
+  // ~7 px on screen — the user reported it as "slot not visible".
+  // Re-spaced so all 5 right-edge slots are 50 px wide with 5-px
+  // gaps and the row leaves 10 px of breathing room before the
+  // canvas edge. Slot ids unchanged → no save migration needed.
+  { id: 14, category: "decorative", x: 1530, y: 340, w: 50, h: 60 },
+  { id: 15, category: "decorative", x: 1585, y: 340, w: 50, h: 60 },
+  { id: 16, category: "decorative", x: 1640, y: 340, w: 50, h: 60 },
+  { id: 17, category: "decorative", x: 1695, y: 340, w: 50, h: 60 },
+  // Row 6 — civic at the canvas extremes
   { id: 18, category: "civic", x: 10, y: 340, w: 40, h: 60 },
-  { id: 19, category: "civic", x: 1790, y: 340, w: 10, h: 60 }, // edge filler, usable but small
+  { id: 19, category: "civic", x: 1750, y: 340, w: 40, h: 60 },
 ];
 
 export function getSlot(id: number): SlotDef | null {