Make budget rules list scrollable when it overflows

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/budgets/BudgetRulesDialog.tsx

@@ -59,7 +59,7 @@ export function BudgetRulesDialog({ open, onOpenChange, budgetId, budgetName, ru
         {rules.length === 0 ? (
           <p className="text-sm text-muted-foreground text-center py-2">No rules yet.</p>
         ) : (
-          <ul className="space-y-1.5">
+          <ul className="space-y-1.5 max-h-64 overflow-y-auto pr-1">
             {rules.map((rule) => (
               <li
                 key={rule.id}