update budget ui

Author: devnamdev2003

src/app/features/budget/budget.component.html

@@ -19,6 +19,7 @@ <h2 class="text-xl font-semibold mb-4">💰 Budget Progress</h2>
                 {{ budgetMessage }}
             </p>
 
+        <!-- Daily Metrics -->
             <div class="grid mt-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 text-[var(--color-text)]">
                 <div class="bg-[var(--input-bg)] p-4 rounded shadow flex justify-between items-center">
                     <p class="text-sm font-medium">Avg Allowed / Day</p>