feat: calendar view for events

[karenzhao35]

Calendar view for events

Added a basic calendar view!

Description

Currently, the user is able to change the month through a "prev" and "next" button. This doesn't match the Figma and this can be refactored to be the menu form (but I am unsure if there is a limit to how many years we can go back?). I have the calendar displaying some sample events, but I still need to implement it so it is able to handle the API calls required.

Changes Made

We can talk about the following:

• Added calendar to dashboard
• Added calendar to the components file, along with its styling in its respective file

Design References

(note: I have some accessibility concerns with the original Figma design: the contrast for the text to background isn't very high, and the text is very small as depicted in the wireframe)

Screenshots/Videos

How to Test

I used date-fns!
npm install date-fns --save
npm run dev

Reviewer Checklist

• UI matches design specifications
• Accessible and responsive
• Interactions work as expected
• No regressions to existing functionality
• Code is clean and maintainable