feat: paginate closed streams tab (#148)

Closed streams grow unbounded as teams age and can reach 1000s of items,
while open streams stay bounded by active work. Switch the streams list
to subscribe per-status so each tab only pulls what it renders, and cap
the closed tab to a 50-item window that grows via a Load more action.

The open tab remains unbounded so per-row realtime features — autoplay,
huddle indicators — keep full coverage of the streams that matter.
Closed streams are archived and don't need push behavior, which side-
steps the autoplay baseline-reset and huddle-on-page-2 risks that made
pagination complicated for the open tab.

Refs flowy-live/llink#138.

Co-authored-by: Claude <[email protected]>

js/src/features/particles/particle-list-view.tsx

@@ -22,6 +22,7 @@ import { Avatar, AvatarFallback } from "@/components/ui/avatar";
 import { Separator } from "@/components/ui/separator";
 import { Progress } from "@/components/ui/progress";
 import { Small } from "@/components/ui/typography";
+import { Button } from "@/components/ui/button";
 import type { Particle, StreamProperties } from "@/api/types";
 import type { StreamParticle } from "@/hooks/use-stream-particles";
 import { useNetwork } from "@/hooks/use-networks";
@@ -241,12 +242,22 @@ interface ParticleListViewProps {
   networkId: string;
   isLoading: boolean;
   selectedIndex?: number | null;
+  /** When true, render a footer that invokes onLoadMore. */
+  canLoadMore?: boolean;
+  onLoadMore?: () => void;
 }
 
 /**
  * List of stream particles for a container (network root, folder, etc.).
  */
-export function ParticleListView({ streams, networkId, isLoading, selectedIndex }: ParticleListViewProps) {
+export function ParticleListView({
+  streams,
+  networkId,
+  isLoading,
+  selectedIndex,
+  canLoadMore,
+  onLoadMore,
+}: ParticleListViewProps) {
   const navigate = useNavigate();
   const rowRefs = useRef<(HTMLDivElement | null)[]>([]);
 
@@ -294,6 +305,13 @@ export function ParticleListView({ streams, networkId, isLoading, selectedIndex
           </div>
         </StreamContextMenu>
       ))}
+      {canLoadMore && onLoadMore && (
+        <div className="flex justify-center p-3">
+          <Button variant="ghost" size="sm" onClick={onLoadMore}>
+            Load more
+          </Button>
+        </div>
+      )}
     </div>
   );
 }