Create skeleton grid to layout data

It will be a good idea to put all of our elements in some form of flexbox combination because the current way we are doing it will cause issues. Pros of a flexbox are that we can define the width of a fixed-size element such as the sidebar, and have the map area grow to fill in the space. That way, we can also implement a toggle on the sidebar for it to hide and have the map intelligently go fullscreen. The cons of our current way is that we have to change the width of many divs when we resize, and if there is a pixel off, then the app will break the layout.

We can also quickly shift the courses' map code into a separate CourseMap component.