reimplement genre detail route

src/renderer/features/shared/components/list-search-input.tsx

@@ -5,6 +5,9 @@ export const ListSearchInput = () => {
     const { searchTerm, setSearchTerm } = useSearchTermFilter();
 
     return (
-        <SearchInput defaultValue={searchTerm} onChange={(e) => setSearchTerm(e.target.value)} />
+        <SearchInput
+            defaultValue={searchTerm}
+            onChange={(e) => setSearchTerm(e.target.value || null)}
+        />
     );
 };

src/renderer/features/shared/hooks/use-search-term-filter.ts

@@ -9,10 +9,14 @@ export const useSearchTermFilter = (defaultValue?: string) => {
         defaultValue ? parseAsString.withDefault(defaultValue) : parseAsString,
     );
 
-    const debouncedSetSearchTerm = useDebouncedCallback(setSearchTerm, 300);
+    const handleSetSearchTerm = (value: null | string) => {
+        setSearchTerm(value === '' ? null : value);
+    };
+
+    const debouncedSetSearchTerm = useDebouncedCallback(handleSetSearchTerm, 300);
 
     return {
-        [FILTER_KEYS.SHARED.SEARCH_TERM]: searchTerm ?? undefined,
+        [FILTER_KEYS.SHARED.SEARCH_TERM]: searchTerm || undefined,
         setSearchTerm: debouncedSetSearchTerm,
     };
 };