Patch: Fix to StreamerRoute to correctly send user to UserPage/VideoPage;

Update: Display Category Thumbnails

frontend/src/components/Layout/ListRow.tsx

@@ -27,6 +27,7 @@ const ListItem: React.FC<ListItemProps> = ({
   thumbnail,
   onItemClick,
 }) => {
+  console.log(title, "thumbnail", thumbnail);
   return (
     <div
       className="flex flex-col bg-gray-800 rounded-lg overflow-hidden cursor-pointer hover:bg-gray-700 transition-colors"
@@ -35,7 +36,7 @@ const ListItem: React.FC<ListItemProps> = ({
       <div className="relative w-full pt-[56.25%]">
         {thumbnail ? (
           <img
-            src={`images/` + thumbnail}
+            src={thumbnail}
             alt={title}
             className="absolute top-0 left-0 w-full h-full object-cover"
           />
@@ -74,6 +75,7 @@ const ListRow: React.FC<ListRowProps> = ({
             title={item.title}
             streamer={item.type === "stream" ? (item.streamer) : undefined}
             viewers={item.viewers}
+            thumbnail={item.thumbnail}
             onItemClick={() =>
               onClick?.(item.id, item.streamer || item.title)
             }

frontend/src/components/Stream/StreamerRoute.tsx

@@ -13,8 +13,7 @@ const StreamerRoute: React.FC = () => {
       try {
         const response = await fetch(`/api/streamer/${streamerName}/status`);
         const data = await response.json();
-        console.log("Stream status:", data);
-        setIsLive(data.status === "live");
+        setIsLive(data.is_live);
       } catch (error) {
         console.error("Error checking stream status:", error);
         setIsLive(false);
@@ -36,7 +35,7 @@ const StreamerRoute: React.FC = () => {
   }
 
   // streamId=0 is a special case for the streamer's latest stream
-  return isLive ? <VideoPage streamId={0} /> : <UserPage profile={streamerName} />;
+  return isLive ? <VideoPage streamId={0} /> : (streamerName ? <UserPage username={streamerName} /> : <div>Error: Streamer not found</div>);
 };
 
 export default StreamerRoute;