Feature/df 101 debug budget display for render

[chisPmama]

Keypoints:

• SetAmount default for Expense is set similarly to Income so users do not have to remove 0 first before adding new amount
• New CSS added to reflect if the user's expenses have exceeded the budget, it will turn red
  
• Colors were changed on Piechart to reflect the labels correctly
• Rendered data adjusted to be titleized and light logic to place in USD and correct percentage displays

Related Issue(s)

closes df-101

Checklist:

• New/Modified Tests are Passing
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings or errors.

Additional Notes:

[linear]

DF-101 Debug: Budget Display for Render

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
dough-fin-fe	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 24, 2024 7:20am

[shawndcarpenter]

I checked this out locally and it was all functional and looks great! I'm a big fan of extra color-coding. Also looked over your code, but can't give too much of a response on that due to a limited knowledge of JavaScript. Appreciate the commenting though, it helped me a bit!