don't show an empty pill when no game info is available

src/element/live-chat.tsx

@@ -77,7 +77,7 @@ export function LiveChat({
         rb.withFilter().kinds([LIVE_STREAM_CHAT, LIVE_STREAM_RAID, LIVE_STREAM_CLIP]).tag("a", [aTag]).limit(200);
       }
     },
-    true
+    true,
   );
   const login = useLogin();
   const started = useMemo(() => {

src/pages/stream-page.tsx

@@ -71,9 +71,11 @@ function StreamInfo({ ev, goal }: { ev?: TaggedNostrEvent; goal?: TaggedNostrEve
                 <StreamTimer ev={ev} />
               </Pill>
             )}
-            <Pill>
-              <GameInfoCard gameId={gameId} gameInfo={gameInfo} showImage={false} link={true} />
-            </Pill>
+            {gameId && gameInfo && (
+              <Pill>
+                <GameInfoCard gameId={gameId} gameInfo={gameInfo} showImage={false} link={true} />
+              </Pill>
+            )}
             {ev && <Tags ev={ev} />}
           </div>
           {isMine && (