fix(composer): give emoticons their own cell size and make the merged caps apply

[eleboucher]

Supersedes #92 by @HardenedSteel, which conflicts with #89 and #90 now that both are merged.

Same outcome as #92 — the emoticon tab gets a 48px cell — but against the existing structure instead of moving --emote-cell into a .board-body block. That block nested the rules that followed it, which stylelint rejects: a duplicate .board-body selector (one already exists at line 605) and two no-descending-specificity violations, none of them auto-fixable.

.grids.emoji {
  --emote-cell: 3.5rem;
}

3.5rem because cellSize is the image size and --emote-cell the button: 48px + 2x4px padding = 56px, the same relationship sticker's 72 has with 5rem.

Also repairs two things the merges left on main:

• fix(composer): overflowing emotes/stickers #89 and fix(composer): set max size #91 were dead code. Svelte reports Unused CSS selector for the nested span and img, because both elements come from a child component (MediaImage's root span) or a caller's snippet, so scoped CSS never sees them. Both are now :global(...), which is what makes the caps actually apply. Lint is failing on main over this.
• Property ordering from fix(composer): overflowing emotes/stickers #89 and fix(composer): center the emote grid #90 (max-height before max-width, justify-content before margin), plus the 6-space indentation in fix(composer): overflowing emotes/stickers #89 and fix(composer): set max size #91.

pnpm check 0 errors, stylelint clean repo-wide, eslint clean, 176 tests in src/lib/ui passing.

[eleboucher]

Added a second commit: main's Tests job is failing on MediaViewer.svelte.test.ts > a short swipe springs back instead of dismissing, and that one is mine.

The dismissal fired on velocity alone, so a 30px drag could close the viewer if the two pointer samples happened to land close together in time — which is what the Linux runner does and my machine doesn't. A flick now has to travel at least half the swipe threshold as well as exceed the velocity threshold, so a deliberate short drag springs back on any timing. A real flick still dismisses.

With both commits, Format check, Stylelint, Lint, Typecheck and Tests should all go green again.

[github-actions]

Deploying with    Cloudflare Workers

Status	Preview URL	Commit	Alias	Updated (UTC)
Deployment successful!	https://pr-102-sable-next.raspy-dream-bb1d.workers.dev	e6ed1a6	pr-102	Sun, 06 Sep 2026 14:17:46 GMT