feat: implement hierarchical category management with parent-child relationships and enhance category creation dialog

components/dashboard/recent-transactions.tsx

@@ -3,6 +3,7 @@
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Badge } from "@/components/ui/badge"
 import { CheckCircle2, Circle } from "lucide-react"
+import { CategoryIcon } from "@/components/ui/category-icon"
 import type { BankingData } from "@/lib/types"
 import { cn } from "@/lib/utils"
 
@@ -86,9 +87,10 @@ export function RecentTransactions({ data }: RecentTransactionsProps) {
                     {category && (
                       <Badge
                         variant="secondary"
-                        className="text-xs"
+                        className="text-xs gap-1"
                         style={{ backgroundColor: `${category.color}20`, color: category.color }}
                       >
+                        <CategoryIcon icon={category.icon} color={category.color} size={12} />
                         {category.name}
                       </Badge>
                     )}