432 fix division scrolling

[hoerstl]

Issue

In development, the sidebar for the courses page has a few formatting issues and its behavior is centered around the structure of the data rather than the use case. This pull request addresses both the structural flaws and the use case problems. ### Structural Issues Notice that the sidebar's scrollbar doesn't extend all the way to the bottom of the page. This led to some confusing navigation where you could be at the bottom of the page but not see the bottom of the sidebar. What we did: ### Use Case Issues The user does not care about what division their course abbreviation is in and these menus just make it harder to find the course they're searching for

Old state of the sidebar:

Solution

Structural Issues

We restructured the base page so that the sidebar div actually fills up the whole height of the screen.

Use Case Issues

We created a select picker which lets you click the header and then simply search for the course abbreviation you want to look at. This field is searchable by the course abbreviation, division name, and division number.

To Test

1. Checkout our branch. git checkout 432-Fix-Division-Scrolling
2. Pull our branch. git pull origin 432-Fix-Division-Scrolling
3. Navigate to the courses page using the navbar.
   
4. Select any term when prompted.
5. Ensure that we can search for any course abbreviation on the sidebar and make sure the formatting looks good and feels intuitive.

Resolves Issue #432

[hoerstl]

Dual Scrolling between the sidebar and body makes the menu go invisible.

[Karina-Agliullova]

If there is a way to fix it, then the problem is that when expanding the Problems, it jumps from up to down back and forth when I use scrolling, which is a little annoying