feat: use negentropy as much as possible

src/routes/columns/_layout/groups.$id.lazy.tsx

@@ -7,8 +7,7 @@ import { ArrowDown } from "@phosphor-icons/react";
 import * as ScrollArea from "@radix-ui/react-scroll-area";
 import { useInfiniteQuery } from "@tanstack/react-query";
 import { createLazyFileRoute } from "@tanstack/react-router";
-import { listen } from "@tauri-apps/api/event";
-import { useCallback, useEffect, useRef } from "react";
+import { useCallback, useRef } from "react";
 import { Virtualizer } from "virtua";
 
 export const Route = createLazyFileRoute("/columns/_layout/groups/$id")({
@@ -18,7 +17,6 @@ export const Route = createLazyFileRoute("/columns/_layout/groups/$id")({
 export function Screen() {
 	const group = Route.useLoaderData();
 	const params = Route.useParams();
-	const { queryClient } = Route.useRouteContext();
 
 	const {
 		data,
@@ -84,16 +82,6 @@ export function Screen() {
 		[data],
 	);
 
-	useEffect(() => {
-		const unlisten = listen("synchronized", async () => {
-			await queryClient.invalidateQueries({ queryKey: ["groups", params.id] });
-		});
-
-		return () => {
-			unlisten.then((f) => f());
-		};
-	}, []);
-
 	return (
 		<ScrollArea.Root
 			type={"scroll"}