Add scroll to goals screen

Author: andro-bulj

frontend/src/components/goals-screen/GoalsScreen.scss

@@ -16,6 +16,8 @@
 
   .goals-container {
     display: flex;
+    max-height: calc(100vh - 216px);
+    overflow: auto;
 
     .goals-display-area {
       margin: 30px 30px 0px 30px;
@@ -145,3 +147,27 @@
     }
   }
 }
+
+.goals-container {
+  scrollbar-width: thin; /* For Firefox */
+  scrollbar-color: #888888 #f0f0f0; /* For Firefox */
+}
+
+/* Webkit (Chrome, Safari) */
+.goals-container::-webkit-scrollbar {
+  width: 8px;
+}
+
+.goals-container::-webkit-scrollbar-thumb {
+  background-color: #555555;
+  border-radius: 4px;
+}
+
+.goals-container::-webkit-scrollbar-thumb:hover {
+  background-color: #777777;
+}
+
+.goals-container::-webkit-scrollbar-track {
+  background-color: #001f3f;
+  border-radius: 4px;
+}