feat: implement enhanced transaction filtering capabilities with support for account and category filters, improving data visibility and user interaction

app/transactions/page.tsx

@@ -46,6 +46,72 @@ export default function TransactionsPage() {
   const [ruleDialogOpen, setRuleDialogOpen] = useState(false);
   const [ruleTransaction, setRuleTransaction] = useState<Transaction | null>(null);
 
+  // Transactions filtered for account filter (by categories, search, reconciled - not accounts)
+  const transactionsForAccountFilter = useMemo(() => {
+    if (!data) return [];
+
+    let transactions = [...data.transactions];
+
+    if (searchQuery) {
+      const query = searchQuery.toLowerCase();
+      transactions = transactions.filter(
+        (t) =>
+          t.description.toLowerCase().includes(query) ||
+          t.memo?.toLowerCase().includes(query)
+      );
+    }
+
+    if (!selectedCategories.includes("all")) {
+      if (selectedCategories.includes("uncategorized")) {
+        transactions = transactions.filter((t) => !t.categoryId);
+      } else {
+        transactions = transactions.filter(
+          (t) => t.categoryId && selectedCategories.includes(t.categoryId)
+        );
+      }
+    }
+
+    if (showReconciled !== "all") {
+      const isReconciled = showReconciled === "reconciled";
+      transactions = transactions.filter(
+        (t) => t.isReconciled === isReconciled
+      );
+    }
+
+    return transactions;
+  }, [data, searchQuery, selectedCategories, showReconciled]);
+
+  // Transactions filtered for category filter (by accounts, search, reconciled - not categories)
+  const transactionsForCategoryFilter = useMemo(() => {
+    if (!data) return [];
+
+    let transactions = [...data.transactions];
+
+    if (searchQuery) {
+      const query = searchQuery.toLowerCase();
+      transactions = transactions.filter(
+        (t) =>
+          t.description.toLowerCase().includes(query) ||
+          t.memo?.toLowerCase().includes(query)
+      );
+    }
+
+    if (!selectedAccounts.includes("all")) {
+      transactions = transactions.filter(
+        (t) => selectedAccounts.includes(t.accountId)
+      );
+    }
+
+    if (showReconciled !== "all") {
+      const isReconciled = showReconciled === "reconciled";
+      transactions = transactions.filter(
+        (t) => t.isReconciled === isReconciled
+      );
+    }
+
+    return transactions;
+  }, [data, searchQuery, selectedAccounts, showReconciled]);
+
   const filteredTransactions = useMemo(() => {
     if (!data) return [];
 
@@ -385,6 +451,8 @@ export default function TransactionsPage() {
         accounts={data.accounts}
         folders={data.folders}
         categories={data.categories}
+        transactionsForAccountFilter={transactionsForAccountFilter}
+        transactionsForCategoryFilter={transactionsForCategoryFilter}
       />
 
       <TransactionBulkActions