Calendar View

[EnqiZhang99]

Implement Calendar view based on Figma design below

https://www.figma.com/file/hUluYT2dbw4VormTKyluEl/WebReg-shared?node-id=2098%3A190

[ally1250]

Calendar View (video): https://drive.google.com/file/d/1Dtu9yustLg7cbTBUEZN9m4vfcoXfjUtP/view?usp=sharing

TODO:

1. When users tap on the course cards in the calendar view, there should be a course detail card that pops up from the bottom. Dian created the course detail card as a reusable component but it is not yet integrated with the calendar view.

2. Tapping on one course should highlight all sections of that course.

[kevdesilva01]

The existing issue with the calendar view is the course cards are not scrolling along with the calendar. This has to do with them being placed in a stack, with the children being "Positioned" widgets with the course info. This means it has an absolute position. The possible solutions/resources to help fix this are these:

• The customMultiChildLayout widget helps with resizing and layouts for complex widgets. This is relevant to our issue but might not be the answer. https://stackoverflow.com/questions/59483051/how-to-use-custommultichildlayout-customsinglechildlayout-in-flutter
• Looking at the source code for the time_planner package, a possible implementation can be made similar to how the package does it.
• The last option is to just use a package altogether, some options are syncfusion_flutter_calendar, but we need a weekly planner/not a whole calendar.