feat(library): search IGDB and add games by hand

src/pages/Dashboard.jsx

@@ -187,9 +187,10 @@ const Dashboard = () => {
                     const data = await profileResponse.json();
                     setUserData(data);
 
-                    if (data.steamId) {
-                        await Promise.all([fetchSteamCount(), fetchTopGames(), fetchPlaying(), fetchSummary(), fetchActivity(), fetchAchievements()]);
-                    }
+                    // Games added by hand need no Steam ID; history and achievements come only from Steam.
+                    await Promise.all(data.steamId
+                        ? [fetchSteamCount(), fetchTopGames(), fetchPlaying(), fetchSummary(), fetchActivity(), fetchAchievements()]
+                        : [fetchSteamCount(), fetchTopGames(), fetchPlaying(), fetchSummary()]);
                 } else if (profileResponse.status === 401) {
                     expireSession();
                 } else {
@@ -207,6 +208,7 @@ const Dashboard = () => {
     }, [navigate, expireSession, t, fetchSteamCount, fetchTopGames, fetchPlaying, fetchSummary, fetchActivity, fetchAchievements]);
 
     const hasSteamId = !!userData?.steamId;
+    const showLibrary = hasSteamId || steamData.count > 0;
     const {appearance} = usePreferences();
     const steamProfile = useSteamProfile(hasSteamId);
     const bannerAppid = appearance.showBanner
@@ -284,7 +286,7 @@ const Dashboard = () => {
                 )}
             </Card>
 
-            {hasSteamId && (
+            {showLibrary && (
                 <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
                     <SteamGameCount targetCount={steamData.count}/>
 
@@ -314,7 +316,7 @@ const Dashboard = () => {
                                             <span className="w-4 text-right text-sm font-semibold text-muted-foreground tabular-nums">
                                                 {index + 1}
                                             </span>
-                                            <GameCover appid={g.appid} className="w-16 sm:w-24 shrink-0"/>
+                                            <GameCover appid={g.appid} imageUrl={g.imageUrl} className="w-16 sm:w-24 shrink-0"/>
                                             <div className="min-w-0 flex-1">
                                                 <div className="truncate font-medium group-hover:text-primary transition-colors">
                                                     {g.name ?? `App ${g.appid}`}
@@ -338,7 +340,7 @@ const Dashboard = () => {
                 </div>
             )}
 
-            {hasSteamId && (
+            {showLibrary && (
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
                     <CurrentlyPlayingCard games={playing} syncing={sync.isRunning}/>
                     {summary && (