Fix scrolling errors

src/app/app.component.html

-<cse-header></cse-header>
-<cse-navigation></cse-navigation>
+<header>
+	<cse-header></cse-header>
+	<cse-navigation></cse-navigation>
+</header>
 <main>
 	<mat-sidenav-container class="example-container" hasBackdrop="false">
 		<mat-sidenav #rightAddCourse2 mode="over" position="end">Drawer content 2

src/app/app.component.scss

+header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 112px;
+    background-color: teal;
+}
+
+main {
+    position: absolute;
+    top: 112px;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    overflow: hidden;
+}
+
 .add-sidenav1 {
     width:380px;
 }
\ No newline at end of file

src/app/degree-planner/degree-planner.component.scss

 #plans-container {
-	height: 100vh;
+	height: calc(100vh - 112px);
 }
 
 mat-sidenav {