feat(web): persist list-page filters in URL search params

Resources, projects, and allocations filter state now syncs to/from
URL so filters survive refresh and can be shared via link.
Text inputs are debounced (300ms) to avoid URL churn.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/web/src/app/(app)/projects/ProjectsClient.tsx

@@ -1,6 +1,8 @@
 "use client";
 
 import { useState, useEffect, useCallback, useMemo, useRef } from "react";
+import { useUrlFilters } from "~/hooks/useUrlFilters.js";
+import { useDebounce } from "~/hooks/useDebounce.js";
 import { createPortal } from "react-dom";
 import { formatDate, formatMoney } from "~/lib/format.js";
 import type { Project, ColumnDef } from "@capakraken/shared";
@@ -177,9 +179,28 @@ interface ProjectRow {
 // ─── Main component ───────────────────────────────────────────────────────────
 
 export function ProjectsClient() {
-  const [search, setSearch] = useState("");
-  const [statusFilter, setStatusFilter] = useState<string>("");
-  const [orderTypeFilter, setOrderTypeFilter] = useState<string>("");
+  const [filters, setFilters] = useUrlFilters({ search: "", status: "", orderType: "" });
+  const { status: statusFilter, orderType: orderTypeFilter } = filters;
+
+  // Debounced local state for the search text input
+  const [searchInput, setSearchInput] = useState(filters.search);
+  const debouncedSearch = useDebounce(searchInput, 300);
+  const search = filters.search;
+
+  // Flush debounced input to URL
+  useEffect(() => {
+    setFilters({ search: debouncedSearch });
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [debouncedSearch]);
+
+  // Keep local input in sync when URL changes externally (e.g. back/forward)
+  useEffect(() => {
+    setSearchInput(filters.search);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [filters.search]);
+
+  const setStatusFilter = useCallback((v: string) => setFilters({ status: v }), [setFilters]);
+  const setOrderTypeFilter = useCallback((v: string) => setFilters({ orderType: v }), [setFilters]);
   const [modalOpen, setModalOpen] = useState(false);
   const [wizardOpen, setWizardOpen] = useState(false);
   const [editingProject, setEditingProject] = useState<Project | null>(null);
@@ -346,7 +367,7 @@ export function ProjectsClient() {
   function openNewModal() { setEditingProject(null); setModalOpen(true); }
   function openEditModal(project: Project) { setEditingProject(project); setModalOpen(true); }
   function closeModal() { setModalOpen(false); setEditingProject(null); }
-  function clearAll() { setSearch(""); setStatusFilter(""); setOrderTypeFilter(""); }
+  function clearAll() { setSearchInput(""); setFilters({ search: "", status: "", orderType: "" }); }
 
   const exportSelectedCsv = useCallback(() => {
     const selected = projects.filter((p) => selection.selectedIds.has(p.id));
@@ -368,7 +389,7 @@ export function ProjectsClient() {
   }, [projects, selection.selectedIds]);
 
   const chips = [
-    ...(search ? [{ label: `Search: "${search}"`, onRemove: () => setSearch("") }] : []),
+    ...(search ? [{ label: `Search: "${search}"`, onRemove: () => { setSearchInput(""); setFilters({ search: "" }); } }] : []),
     ...(statusFilter ? [{ label: `Status: ${statusFilter}`, onRemove: () => setStatusFilter("") }] : []),
     ...(orderTypeFilter ? [{ label: `Type: ${orderTypeFilter}`, onRemove: () => setOrderTypeFilter("") }] : []),
   ];
@@ -531,8 +552,8 @@ export function ProjectsClient() {
         <input
           type="search"
           placeholder="Search projects..."
-          value={search}
-          onChange={(e) => setSearch(e.target.value)}
+          value={searchInput}
+          onChange={(e) => setSearchInput(e.target.value)}
           className="app-input max-w-xs"
         />
         <select