chore: integrate firestore for particles (#32)

* plumb for firestore

* chore: cleanup orion api to only include essentials

* setup boilerplate for data and rendering

This includes zod types creation for API response validation, and
exploration of path based resolution of rendering particles.

* chore: structure container particles for rendering children

* wire firestore crud for particles

* integrate visibility to particles

* docs: explain particle view resolver

js/src/features/particles/stream-view.tsx

@@ -0,0 +1,36 @@
+import { Particle } from "@/api/types";
+import { useParticleChildren } from "@/hooks/use-particle-children";
+
+interface StreamViewProps {
+  streamParticle: Particle;
+  networkId: string;
+  particleSegments: string[];
+}
+
+export function StreamView({ networkId, particleSegments, streamParticle }: StreamViewProps) {
+  const { children, error, isLoading } = useParticleChildren(networkId, particleSegments);
+
+  return (
+    <div className="flex h-full items-center justify-center">
+      <p className="text-muted-foreground text-sm">
+        Stream view — {networkId}/{particleSegments.join("/")}
+      </p>
+
+      {isLoading && <p className="text-muted-foreground text-sm">Loading stream data...</p>}
+      {error && <p className="text-destructive text-sm">Failed to load stream data</p>}
+
+      {!isLoading && !error && (
+        <div className="mt-4">
+          <p className="text-sm font-medium">Stream Children:</p>
+          <ul className="list-disc list-inside">
+            {children.map((child) => (
+              <li key={child.id} className="text-sm">
+                {child.id} ({child.type})
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+    </div>
+  );
+}