Consolidate sync-dialog Tauri event listeners

Four near-identical useEffects (fetch on open, plus one per
sync-status/sync-remote-change/sync-progress subscription) merged
into one. Each fired on the same [open] dep, shared the same
refresh callback, and repeated the unlisten cleanup pattern.

Author: ChristianChiarulli

app/src/shared/ui/sync-dialog.tsx

@@ -269,22 +269,27 @@ export function SyncDialog({
 
   const refreshInfo = () => invoke<SyncInfo>("get_sync_info").then(setInfo);
 
+  // While the dialog is open: fetch current info, then refresh whenever
+  // a sync-relevant Tauri event fires.
   useEffect(() => {
     if (!open) return;
+
     void refreshInfo();
-  }, [open]);
+    const onEvent = () => void refreshInfo();
+    const unlistens = Promise.all([
+      listen("sync-status", onEvent),
+      listen("sync-remote-change", onEvent),
+      listen("sync-progress", onEvent),
+    ]);
 
-  // Refresh on sync status changes while dialog is open
-  useEffect(() => {
-    if (!open) return;
-    const unlisten = listen("sync-status", () => {
-      void refreshInfo();
-    });
     return () => {
-      void unlisten.then((fn) => fn());
+      void unlistens.then((fns) => {
+        for (const fn of fns) fn();
+      });
     };
   }, [open]);
 
+  // Poll while an active sync state is in progress.
   useEffect(() => {
     if (!open || !info || !isActiveSyncState(info.state)) return;
     const timer = window.setInterval(() => {
@@ -293,26 +298,6 @@ export function SyncDialog({
     return () => window.clearInterval(timer);
   }, [open, info]);
 
-  useEffect(() => {
-    if (!open) return;
-    const unlisten = listen("sync-remote-change", () => {
-      void refreshInfo();
-    });
-    return () => {
-      void unlisten.then((fn) => fn());
-    };
-  }, [open]);
-
-  useEffect(() => {
-    if (!open) return;
-    const unlisten = listen("sync-progress", () => {
-      void refreshInfo();
-    });
-    return () => {
-      void unlisten.then((fn) => fn());
-    };
-  }, [open]);
-
   // Collect sync log events
   useEffect(() => {
     const unlisten = listen<string>("sync-log", (event) => {