feat(library): time to beat, short-games filter and backlog hours

src/pages/GameDetail.jsx

@@ -12,6 +12,7 @@ import BacklogCard from '../components/BacklogCard.jsx';
 import GameCover from '../components/GameCover.jsx';
 import GameStatusBadge from '../components/GameStatusBadge.jsx';
 import PlayingHint from '../components/PlayingHint.jsx';
+import TimeToBeat from '../components/TimeToBeat.jsx';
 import {formatPlaytime} from '../utils/games.js';
 import useSessionExpired from '../hooks/useSessionExpired.js';
 
@@ -134,6 +135,9 @@ export default function GameDetail() {
                                     </Badge>
                                     <GameStatusBadge status={data.status}/>
                                 </div>
+                                <div className="mt-3">
+                                    <TimeToBeat time={data.timeToBeat}/>
+                                </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">