fix(v2): render match-rom covers at full width in Safari

[gantoine]

Description
^{Explain the changes or enhancements you are proposing with this pull request.}

Fixes the manual "Match ROM" dialog rendering result covers as thin vertical slivers in Safari (fine in Chromium).

Root cause

The v2 GameCard derives a non-hero card's width from a fixed height via CSS aspect-ratio (.r-gc { width: auto } → .r-gc__art { height: fixed; width: auto } → .game-cover { aspect-ratio }).

• In the gallery, GameCard is a direct flex child of its row, so WebKit resolves the width through flex intrinsic sizing (correct).
• In MatchRomBodyGrid.vue, each card was wrapped in an extra block-level .match-grid__card-cell (flex: 0 0 auto). There the card's width: auto resolved against a shrink-to-fit containing block whose width depended on the card. WebKit collapses that circular case to a near-zero width, producing the slivers. Chromium resolves it via intrinsic sizing.

Fix

Give .match-grid__card-cell display: flex so its GameCard becomes a flex item and sizes via the same intrinsic-sizing path the gallery already uses. The existing max-width: 100% caps on the card and art box are untouched, so wide-cover scaling is unchanged.

AI assistance disclosure

This change was authored with AI assistance (PostHog Code): diagnosis and the CSS fix. Reviewed by the PR author.

Checklist
^{Please check all that apply.}

• I've tested the changes locally
• I've updated relevant comments
• I've assigned reviewers for this PR
• I've added unit tests that cover the changes

Screenshots (if applicable)

_{Note: npm run typecheck and trunk fmt/trunk check pass. Visual confirmation in Safari (both themes) still recommended before merge; a CSS-only sliver-repro isn't covered by unit tests.}

---

Created with PostHog Code

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[greptile-apps]

Greptile Summary

This PR fixes Match ROM cover sizing in Safari. The main change is:

• Makes each result-card wrapper a flex container so cover width resolves through flex intrinsic sizing.

Confidence Score: 5/5

This looks safe to merge.

• No blocking issues found in the changed code.

Important Files Changed

Filename	Overview
frontend/src/v2/components/MatchRom/MatchRomBodyGrid.vue	Adds display: flex to the card-cell wrapper while preserving existing shrinking and width constraints.

_{Reviews (1): Last reviewed commit: "fix(v2): render match-rom covers at full..." | Re-trigger Greptile}