feat(library): backlog status, rating, notes and priority in the UI

Detail page gets an edit card. The library gets status badges, status filter
chips and a debounced name search, both kept in the URL.

src/pages/GameDetail.jsx

@@ -8,7 +8,9 @@ import {Button} from '@/components/ui/button';
 import {Card} from '@/components/ui/card';
 import {Skeleton} from '@/components/ui/skeleton';
 import {cn} from '@/lib/utils';
+import BacklogCard from '../components/BacklogCard.jsx';
 import GameCover from '../components/GameCover.jsx';
+import GameStatusBadge from '../components/GameStatusBadge.jsx';
 import {formatPlaytime} from '../utils/games.js';
 
 const formatUnlockedAt = (instant, locale) => {
@@ -123,10 +125,13 @@ export default function GameDetail() {
                                 <h1 className="text-2xl md:text-3xl font-bold tracking-tight">
                                     {data.name ?? `App ${data.appid}`}
                                 </h1>
-                                <Badge variant="secondary" className="mt-3 tabular-nums">
-                                    <Clock className="size-3"/>
-                                    {t('GAME_DETAIL.PLAYTIME', {time: formatPlaytime(data.playtimeMinutes)})}
-                                </Badge>
+                                <div className="mt-3 flex flex-wrap gap-2">
+                                    <Badge variant="secondary" className="tabular-nums">
+                                        <Clock className="size-3"/>
+                                        {t('GAME_DETAIL.PLAYTIME', {time: formatPlaytime(data.playtimeMinutes)})}
+                                    </Badge>
+                                    <GameStatusBadge status={data.status}/>
+                                </div>
                             </div>
                             <Button asChild variant="outline" size="sm" className="self-start">
                                 <a href={`https://store.steampowered.com/app/${data.appid}`} target="_blank" rel="noopener noreferrer">
@@ -136,6 +141,8 @@ export default function GameDetail() {
                         </div>
                     </Card>
 
+                    <BacklogCard key={data.appid} game={data} onSaved={(entry) => setData((d) => ({...d, ...entry}))}/>
+
                     {!data.hasAchievements && (
                         <Card className="items-center py-10 text-center text-sm text-muted-foreground">
                             <Trophy className="size-8"/>