Schedule Page uses Row flex-direction

[sbaumohl]

The entire Schedule page has a giant flex-box container using flex-direction: row, where the child containers are the calendar, and the sidebar. This means that in order to use scrollbars on the sidebar, position: absolute must be used. If we changed flex-direction to column, we could use the calendar's height for the sidebar.

This would allow relative positioning, meaning better responsiveness.

This would also require a large Styling rework.