refactor: use DotPath type for type-safe nested key support in useFuzzyFilter

Replace plain `string[]` with a recursive `DotPath<T>` type that generates
valid dot-notation paths from the object type, giving compile-time safety
for nested keys like "environment.type".

https://claude.ai/code/session_01HsDEMADbz1HQmZ4MDD753r

Author: claude

apps/webapp/app/hooks/useFuzzyFilter.ts

@@ -1,14 +1,22 @@
 import { useMemo, useState } from "react";
 import { matchSorter } from "match-sorter";
 
+type DotPath<T, Depth extends unknown[] = []> = Depth["length"] extends 4
+  ? never
+  : T extends object
+    ? {
+        [K in keyof T & string]: K | `${K}.${DotPath<T[K], [...Depth, unknown]>}`;
+      }[keyof T & string]
+    : never;
+
 /**
  * A hook that provides fuzzy filtering functionality for a list of objects.
  * Uses match-sorter to perform the filtering across multiple object properties and
  * consistently order the results by score.
  *
  * @param params - The parameters object
  * @param params.items - Array of objects to filter
- * @param params.keys - Array of object keys to perform the fuzzy search on
+ * @param params.keys - Array of object keys to perform the fuzzy search on (supports dot-notation for nested properties)
  * @returns An object containing:
  *   - filterText: The current filter text
  *   - setFilterText: Function to update the filter text
@@ -28,7 +36,7 @@ export function useFuzzyFilter<T extends Object>({
   keys,
 }: {
   items: T[];
-  keys: string[];
+  keys: DotPath<T>[];
 }) {
   const [filterText, setFilterText] = useState("");