feat: redesign dashboard around place search

hooks/use-location-search.ts

@@ -0,0 +1,21 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { fetchLocations } from "@/lib/location-api";
+import type { Language } from "@/lib/i18n";
+
+export function useLocationSearch(query: string, language: Language) {
+  const [debouncedQuery, setDebouncedQuery] = useState(query);
+  useEffect(() => {
+    const timeout = window.setTimeout(() => setDebouncedQuery(query.trim()), 300);
+    return () => window.clearTimeout(timeout);
+  }, [query]);
+  return useQuery({
+    queryKey: ["location-search", debouncedQuery, language],
+    queryFn: ({ signal }) => fetchLocations(debouncedQuery, language, signal),
+    enabled: debouncedQuery.length >= 2,
+    staleTime: 24 * 60 * 60 * 1000,
+    retry: 1,
+  });
+}