Add Pie Chart Data-Visualization | Update Codebase Structure, Formatting, and MVP Styling

[Scolin022]

PR focuses on data visualization, project organization, and added styling for basic MVP UI.

• Pie Chart Data-Visualization Added a basic pie chart using Plotly with mock data for budget categories on the users dashboard
• Global Naming Conventions Updated all file names to kebab-case naming convention for consistency and avoiding potential case sensitivity issues.
• File Structures Updated the organization for JavaScript, CSS, routes, and controller files. This restructuring is for simplifying navigation and to make our code more manageable and adhere to more modern practices of organization.
• Styling Updates Added some MVP styles for the footer and other minimal aspects of the app. Also added updated to the HTML to add more semantic HTML features: still needs additional work.

[Scolin022]

LGTM.. in future references just make sure let your team know when you make changes next time.

Thats why we do pull requests, so team members can view your changes