feat: add icon support to category creation and editing, enhance transaction rule creation with new dialog and filters

components/transactions/transaction-filters.tsx

@@ -9,6 +9,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
+import { CategoryFilterCombobox } from "@/components/ui/category-filter-combobox";
 import { Search } from "lucide-react";
 import type { Account, Category } from "@/lib/types";
 
@@ -67,20 +68,12 @@ export function TransactionFilters({
             </SelectContent>
           </Select>
 
-          <Select value={selectedCategory} onValueChange={onCategoryChange}>
-            <SelectTrigger className="w-[180px]">
-              <SelectValue placeholder="Catégorie" />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectItem value="all">Toutes catégories</SelectItem>
-              <SelectItem value="uncategorized">Non catégorisé</SelectItem>
-              {categories.map((category) => (
-                <SelectItem key={category.id} value={category.id}>
-                  {category.name}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
+          <CategoryFilterCombobox
+            categories={categories}
+            value={selectedCategory}
+            onChange={onCategoryChange}
+            className="w-[200px]"
+          />
 
           <Select value={showReconciled} onValueChange={onReconciledChange}>
             <SelectTrigger className="w-[160px]">