feat: use declarative callbacks for data changes

js/src/hooks/use-particle.ts

@@ -60,6 +60,8 @@ export function useLiveParticleChildren(
   orderByField: string = "created_at",
   orderDirection: "asc" | "desc" = "desc",
   visibilityScopes?: string[],
+  onAdded?: (child: Particle) => void,
+  onRemoved?: (child: Particle, updatedChildren: Particle[]) => void,
 ): UseLiveParticleChildrenResult {
   const [children, setChildren] = useState<Particle[]>([]);
   const [isLoading, setIsLoading] = useState(true);
@@ -85,6 +87,8 @@ export function useLiveParticleChildren(
       visibilityScopes,
       orderByField,
       orderDirection,
+      onAdded,
+      onRemoved,
     );
 
     return unsubscribe;