fix: abort old loads, stale sync state, warn before unsaved edits are lost

src/pages/Dashboard.jsx

@@ -137,7 +137,7 @@ const Dashboard = () => {
         expectInitialSync: hasSteamId && steamData.count === 0,
         onComplete: reloadLibrary,
     });
-    const forceSync = useForceSync(reloadLibrary);
+    const forceSync = useForceSync(sync.watch);
 
     if (isLoading) {
         return <DashboardSkeleton/>;
@@ -227,6 +227,7 @@ const Dashboard = () => {
                                 status={sync.status}
                                 lastSyncedAt={sync.lastSyncedAt}
                                 isRunning={sync.isRunning}
+                                stale={sync.stale}
                             />
                             <Button onClick={forceSync.trigger} disabled={syncBusy}>
                                 <RefreshCw className={syncBusy ? 'animate-spin' : ''}/>