Add scrolling to Organized Content sidebar on smaller desktop screens (#322)

Closes #314

Co-authored-by: Amy <a258wang@uwaterloo.ca>
Reviewed-on: #322
Reviewed-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Co-authored-by: Amy <a258wang@csclub.uwaterloo.ca>
Co-committed-by: Amy <a258wang@csclub.uwaterloo.ca>

components/OrganizedContent.module.css

@@ -22,10 +22,14 @@
 }
 
 .nav {
-  top: calc(20rem / 16);
   position: sticky;
-  height: 100%;
-  margin: calc(8rem / 16) calc(32rem / 16) 0 0;
+  overflow: auto;
+  flex-shrink: 0;
+
+  top: calc(20rem / 16);
+  margin: calc(8rem / 16) calc(32rem / 16) calc(20rem / 16) 0;
+  height: calc(100vh - (44rem / 16));
+
   color: var(--primary-heading);
   font-weight: 500;
 }
@@ -189,9 +193,9 @@
 
     top: 0;
     left: 0;
-    overflow-y: auto;
     z-index: 30;
 
+    height: 100%;
     margin: 0;
     background: var(--primary-accent-lighter);
     width: calc(288rem / 16);