Add map and description to location step with layout adjustments

frontend/src/assets/styles/main.scss

@@ -1,10 +1,17 @@
 @import "./theme.scss";
 @import "./header.scss";
+@import "./map.scss";
+@import "./step.scss";
 
 // Global styles here...
-html, body, #root, .App {
+html, body, #root, .App, .main-container {
     height: 100%;
     font-family: $primary-font;
     color: $text-color-primary;
     background-color: $background-color-primary;
 }
+
+.main-container {
+    display: flex;
+    flex-direction: column;
+}

frontend/src/assets/styles/map.scss

@@ -0,0 +1,4 @@
+.map-container, .leaflet-container {
+    height: 100%;
+    width: 100%;
+}

frontend/src/assets/styles/step.scss

@@ -0,0 +1,10 @@
+.step-container {
+    flex-grow: 1;
+}
+
+.step-overlay {
+    background-color: #191919c2;
+    height: 100%;
+    padding-left: 3vw;
+    padding-right: 3vw;
+}