feat: implement more of playback and reply flow

js/src/pages/streams-page.tsx

@@ -1,4 +1,3 @@
-import { useEffect } from "react";
 import { Plus, LogOut } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { ScrollArea } from "@/components/ui/scroll-area";
@@ -17,18 +16,12 @@ import { StreamList } from "@/features/streams/stream-list";
 import { CreateStreamDialog } from "@/features/streams/create-stream-dialog";
 
 export function StreamsPage() {
-  const fetchStartup = useAppStore((s) => s.fetchStartup);
-  const isLoading = useAppStore((s) => s.isLoading);
   const networks = useAppStore((s) => s.networks);
   const selectedNetworkId = useAppStore((s) => s.selectedNetworkId);
   const setSelectedNetwork = useAppStore((s) => s.setSelectedNetwork);
   const signOut = useAuthStore((s) => s.signOut);
   const user = useAuthStore((s) => s.user);
 
-  useEffect(() => {
-    fetchStartup();
-  }, [fetchStartup]);
-
   const selectedNetwork = selectedNetworkId
     ? networks.find((n) => n.id === selectedNetworkId)
     : null;
@@ -96,15 +89,9 @@ export function StreamsPage() {
       </div>
 
       {/* Stream list */}
-      {isLoading ? (
-        <div className="flex flex-1 items-center justify-center">
-          <p className="text-muted-foreground text-sm">Loading...</p>
-        </div>
-      ) : (
-        <ScrollArea className="flex-1">
-          <StreamList />
-        </ScrollArea>
-      )}
+      <ScrollArea className="flex-1">
+        <StreamList />
+      </ScrollArea>
     </div>
   );
 }