Add toggleable list view for search results

[Copilot]

This change introduces a list-based results presentation alongside the existing card grid so users can choose a denser, scannable browsing mode. The default behavior remains card view, with per-page pagination and game selection flow unchanged.

• Result view mode toggle

  • Added a local viewMode state in ResultsGrid ('card' | 'list').
  • Added a compact toggle control in the results header to switch between Cards and List.

• List layout for games

  • Implemented a new row-style rendering path for paginated results:
    • cover thumbnail (or fallback),
    • title + year,
    • rating and match badges.
  • Reused existing click-to-select behavior so opening game details works identically in both views.

• i18n updates

  • Added English translation keys for the new controls:
    • results.cardView
    • results.listView

const [viewMode, setViewMode] = useState<'card' | 'list'>('card');

<div className={viewMode === 'card' ? 'grid ...' : 'flex flex-col gap-3'}>
  {paginatedResults.map((game, index) =>
    viewMode === 'card' ? <CardResult ... /> : <ListResult ... />
  )}
</div>

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
findthagame	Ready	Preview, Comment	Jun 24, 2026 2:58am

[kbtale]

When a user selects the list view, checks the details of a game, and goes back, the list view is not preserved, it should.

[kbtale]

What I requested about preserving the selected option is not solved.

[kbtale]

When a user selects the list view, checks the details of a game, and goes back, the list view is not preserved, it should.