Add vendors listing with search, category filter, grid/list, pagination

frontend/src/hooks/use-debounced-callback.ts

@@ -0,0 +1,15 @@
+import { useEffect, useMemo, useRef } from 'react'
+
+export function useDebouncedCallback<T extends (...args: never[]) => void>(fn: T, delay: number): T {
+  const ref = useRef(fn)
+  useEffect(() => {
+    ref.current = fn
+  })
+  return useMemo(() => {
+    let timer: ReturnType<typeof setTimeout> | undefined
+    return ((...args: Parameters<T>) => {
+      if (timer) clearTimeout(timer)
+      timer = setTimeout(() => ref.current(...args), delay)
+    }) as T
+  }, [delay])
+}