ui fix peer filtering

crates/lanspread-tauri-deno-ts/src/App.tsx

@@ -48,7 +48,8 @@ const App = () => {
     const getFilteredGames = (games: Game[], filter: GameFilter): Game[] => {
         switch (filter) {
             case 'available':
-                return games.filter(game => game.peer_count > 0);
+                // Show union of installed games and games with peers
+                return games.filter(game => game.installed || game.peer_count > 0);
             case 'installed':
                 return games.filter(game => game.installed);
             case 'all':
@@ -403,18 +404,21 @@ const App = () => {
                             <button
                                 className={`filter-button ${currentFilter === 'all' ? 'active' : ''}`}
                                 onClick={() => setCurrentFilter('all')}
+                                title="Show all games, regardless of installation status or peer availability"
                             >
                                 All Games
                             </button>
                             <button
                                 className={`filter-button ${currentFilter === 'available' ? 'active' : ''}`}
                                 onClick={() => setCurrentFilter('available')}
+                                title="Show games that are either installed or have peers available for download"
                             >
                                 Available
                             </button>
                             <button
                                 className={`filter-button ${currentFilter === 'installed' ? 'active' : ''}`}
                                 onClick={() => setCurrentFilter('installed')}
+                                title="Show only games that are currently installed on your system"
                             >
                                 Installed
                             </button>