Implement Calendar for Upcoming Expenses on Expenses Page

On the Expenses page, add a calendar that displays the current month and highlights upcoming expenses that will be coming out of the user's account. The calendar should show the dates of upcoming expenses, making it easy for users to see what payments are due in the near future.

Tasks:

• Design and implement the frontend UI for the calendar view showing the current month.
• Integrate the calendar with the existing expenses data to highlight upcoming expenses on the corresponding dates.
• Add logic to retrieve upcoming expenses from the API based on the current month and user data.
• Display the upcoming expense details (amount, category, and due date) when the user clicks on a specific date.
• Add functionality to display a reminder or notification for upcoming expenses on the calendar.
• Ensure that the calendar highlights expenses accurately and allows easy navigation between months.
• Ensure that only authenticated users can access and interact with the calendar feature.

Acceptance Criteria:

• The calendar accurately displays the current month and upcoming expenses for the user.
• Upcoming expenses are highlighted on the calendar and display relevant details when clicked (e.g., amount, category, due date).
• Users can view a complete overview of upcoming expenses at a glance.
• The calendar is responsive and works properly on both desktop and mobile.
• The feature is only accessible by authenticated users.
• The calendar should update as users add new expenses or edit existing ones.
• The calendar is visually clear and easy to navigate between months.