feat(achievements): dashboard card, library badge, 100 % hint and profile stats

src/pages/GameLibrary.jsx

@@ -7,7 +7,7 @@ import useForceSync from '../hooks/useForceSync.js';
 import useSessionExpired from '../hooks/useSessionExpired.js';
 import {formatPlaytime} from '../utils/games.js';
 import {GAME_STATUSES, libraryQuery, parseStatus} from '../utils/backlog.js';
-import {ArrowUpDown, ChevronLeft, ChevronRight, Clock, Library, RefreshCw, Search, SearchX, Timer} from 'lucide-react';
+import {ArrowUpDown, ChevronLeft, ChevronRight, Clock, Library, RefreshCw, Search, SearchX, Timer, Trophy} from 'lucide-react';
 
 import {Badge} from '@/components/ui/badge';
 import {Button} from '@/components/ui/button';
@@ -266,6 +266,13 @@ export default function GameLibrary() {
                                         {g.name ?? `App ${g.appid}`}
                                     </span>
                                     <GameStatusBadge status={g.status} compact/>
+                                    {g.achievementsTotal > 0 && g.achievementsUnlocked != null && (
+                                        <Badge variant="secondary" className="hidden sm:inline-flex tabular-nums"
+                                               title={t('LIBRARY.ACHIEVEMENTS', {unlocked: g.achievementsUnlocked, total: g.achievementsTotal})}>
+                                            <Trophy className="size-3"/>
+                                            {g.achievementsUnlocked}/{g.achievementsTotal}
+                                        </Badge>
+                                    )}
                                     <Badge variant="secondary" className="tabular-nums">
                                         <Clock className="size-3"/>
                                         {formatPlaytime(g.playtimeMinutes)}