remove grid view for streams

- Reduces surface area
- Reduces options for people (less cognitive load)
- One way to use the product
- List view works better for keyboard shortcuts
- List view has basics such as recency

js/src/features/network-root.tsx

@@ -1,14 +1,11 @@
 import { useCallback, useMemo, useState } from "react";
 import { useNavigate, useParams } from "react-router-dom";
-import { List, LayoutGrid, CircleDot, CircleCheckBig } from "lucide-react";
+import { CircleDot, CircleCheckBig } from "lucide-react";
 import { particlePath } from "@/lib/particle-path";
 import { ParticleListView } from "@/features/particles/particle-list-view";
-import { ParticleGridView } from "@/features/particles/particle-grid-view";
 import ControlsIndicator from "@/features/compose/controls-indicator";
 import { ComposeOverlay } from "./compose/compose-overlay";
 import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
-import { useViewModeStore } from "@/stores/view-mode-store";
 import { useStreamParticles } from "@/hooks/use-stream-particles";
 import { useStreamKeyboardNav } from "@/hooks/use-stream-keyboard-nav";
 import { useDockBadge } from "@/hooks/use-dock-badge";
@@ -22,8 +19,6 @@ export default function NetworkRoot() {
   const { networkId } = useParams();
   const navigate = useNavigate();
   const path = particlePath(networkId!, []);
-  const viewMode = useViewModeStore((s) => s.viewMode);
-  const setViewMode = useViewModeStore((s) => s.setViewMode);
 
   const { streams, isLoading } = useStreamParticles(path);
   const userId = useAuthStore((s) => s.user?.id);
@@ -38,7 +33,6 @@ export default function NetworkRoot() {
 
   const { selectedIndex } = useStreamKeyboardNav({
     streams: filteredStreams,
-    viewMode,
     enabled: !composeActive,
     onNavigate: useCallback(
       (streamId: string) => navigate(`/${networkId}/${streamId}`),
@@ -59,30 +53,11 @@ export default function NetworkRoot() {
             <TabsTrigger value="closed"><CircleCheckBig className="size-3" /> Closed</TabsTrigger>
           </TabsList>
         </Tabs>
-        <ToggleGroup
-          type="single"
-          value={viewMode}
-          onValueChange={(v) => {
-            if (v) setViewMode(v as "list" | "grid");
-          }}
-          size="sm"
-        >
-          <ToggleGroupItem value="list" aria-label="List view">
-            <List className="size-3.5" />
-          </ToggleGroupItem>
-          <ToggleGroupItem value="grid" aria-label="Grid view">
-            <LayoutGrid className="size-3.5" />
-          </ToggleGroupItem>
-        </ToggleGroup>
       </div>
 
       {/* Scrollable content */}
       <div className="min-h-0 flex-1 overflow-y-auto overscroll-contain pb-14 py-2">
-        {viewMode === "list" ? (
-          <ParticleListView streams={filteredStreams} networkId={networkId!} isLoading={isLoading} selectedIndex={selectedIndex} />
-        ) : (
-          <ParticleGridView streams={filteredStreams} networkId={networkId!} isLoading={isLoading} selectedIndex={selectedIndex} />
-        )}
+        <ParticleListView streams={filteredStreams} networkId={networkId!} isLoading={isLoading} selectedIndex={selectedIndex} />
       </div>
 
       <ComposeOverlay networkId={networkId!} onActiveChange={setComposeActive} />