fix: dock app badge shows incorrect number

Closes #122

We now only show number based on open streams

js/src/features/layout.tsx

@@ -18,6 +18,7 @@ import { particlePath } from "@/lib/particle-path";
 import { useParticle } from "@/hooks/use-particle";
 import type { Particle } from "@/api/types";
 import { PropsWithChildren, useCallback } from "react";
+import { useDockBadge } from "@/hooks/use-dock-badge";
 import { toast } from "sonner";
 
 function getParticleDisplayName(particle: Particle): string {
@@ -170,6 +171,9 @@ function TopBar() {
 }
 
 export default function Layout({ children }: PropsWithChildren) {
+  const { networkId } = useParams();
+  useDockBadge(networkId);
+
   return (
     <div className="flex h-screen flex-col">
       <TopBar />