feat: add cluster & bucket management

src/hooks/useConfig.ts

@@ -0,0 +1,10 @@
+import api from "@/lib/api";
+import { Config } from "@/types/garage";
+import { useQuery } from "@tanstack/react-query";
+
+export const useConfig = () => {
+  return useQuery<Config>({
+    queryKey: ["config"],
+    queryFn: () => api.get("/config"),
+  });
+};

src/hooks/useDebounce.ts

@@ -0,0 +1,20 @@
+import { useCallback, useRef } from "react";
+
+export const useDebounce = <T extends (...args: any[]) => void>(
+  fn: T,
+  delay: number = 500
+) => {
+  const timerRef = useRef<NodeJS.Timeout | null>(null);
+
+  const debouncedFn = useCallback(
+    (...args: any[]) => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+      timerRef.current = setTimeout(() => fn(...args), delay);
+    },
+    [fn]
+  );
+
+  return debouncedFn as T;
+};