Refactor debounce and tauri event listeners

src-web/hooks/useDebouncedSetState.ts

@@ -0,0 +1,12 @@
+import type { Dispatch, SetStateAction } from 'react';
+import { useMemo, useState } from 'react';
+import { debounce } from '../lib/debounce';
+
+export function useDebouncedSetState<T extends string | number>(
+  defaultValue: T,
+  delay?: number,
+): [T, Dispatch<SetStateAction<T>>] {
+  const [state, setState] = useState<T>(defaultValue);
+  const debouncedSetState = useMemo(() => debounce(setState, delay), [delay]);
+  return [state, debouncedSetState];
+}