feat(ui): make stat numbers clickable to open games

StatDrill context holds one dialog for a page. StatCount wraps a number:
total and status counts link to the library filter, other numbers open
StatGamesDialog. DrillRow and DrillButton support drill-down in tag bars
(genres, platforms, moods) and other stat displays. Dialog shows 40 games
per page with bottom-sheet layout on phones, handles pagination and errors
(403 not shared, 401 expired, 400 bad argument).

src/components/stats/PileStats.jsx

@@ -5,6 +5,7 @@ import StatsSection from './StatsSection.jsx';
 import StatTile from './StatTile.jsx';
 import GameRow from './GameRow.jsx';
 import {formatPlaytime} from '../../utils/games.js';
+import {libraryLink} from '../../utils/statGames.js';
 import {formatDecimal} from '../../utils/stats.js';
 import {formatDate} from '../../utils/format.js';
 
@@ -16,9 +17,11 @@ export default function PileStats({pile, linked = true}) {
     return (
         <StatsSection title={t('STATS.PILE.TITLE')} icon={Inbox}>
             <div className="grid grid-cols-2 gap-3 sm:grid-cols-3">
-                <StatTile label={t('STATS.PILE.GAMES')} value={pile.backlogGames.toLocaleString(i18n.language)}/>
+                <StatTile label={t('STATS.PILE.GAMES')} value={pile.backlogGames.toLocaleString(i18n.language)}
+                          drill={{to: libraryLink('BACKLOG'), params: {key: 'PILE'}}}/>
                 <StatTile label={t('STATS.PILE.NORMAL')} value={formatPlaytime(pile.normalMinutes)}
-                          hint={t('STATS.PILE.KNOWN', {count: pile.gamesWithTimeToBeat})}/>
+                          hint={t('STATS.PILE.KNOWN', {count: pile.gamesWithTimeToBeat})}
+                          drill={{params: {key: 'PILE_TIME_TO_BEAT'}}}/>
                 <StatTile label={t('STATS.PILE.COMPLETIONIST')} value={formatPlaytime(pile.completionistMinutes)}/>
             </div>
             {pile.normalMinutes > 0 && (