feat: add links to transaction pages from accounts and folders for improved navigation

app/accounts/page.tsx

@@ -40,6 +40,7 @@ import {
 } from "lucide-react";
 import type { Account } from "@/lib/types";
 import { cn } from "@/lib/utils";
+import Link from "next/link";
 
 const accountTypeIcons = {
   CHECKING: Wallet,
@@ -235,9 +236,12 @@ export default function AccountsPage() {
                         {formatCurrency(account.balance)}
                       </div>
                       <div className="flex items-center justify-between text-sm text-muted-foreground">
-                        <span>
+                        <Link
+                          href={`/transactions?accountId=${account.id}`}
+                          className="hover:text-primary hover:underline"
+                        >
                           {getTransactionCount(account.id)} transactions
-                        </span>
+                        </Link>
                         {folder && <span>{folder.name}</span>}
                       </div>
                       {account.lastImport && (