Make step content scrollable overflow adjust results step

- Results step is now the last step but doesn't restrict the user from going back

frontend/src/components/steps/Results.js

@@ -1,19 +0,0 @@
-import Step from './Step';
-import { ListGroup, ListGroupItem } from 'reactstrap';
-
-export default function Results(props) {
-    const stepContent = (
-        <div>
-        <h5 className="pt-4">Plant List</h5>
-        <ListGroup>
-            {props.plants.map(function (plant, i) {
-                return <ListGroupItem key={i} >{plant.name}</ListGroupItem>;
-            })}
-        </ListGroup>
-        </div>
-    )
-
-    return (
-        <Step contentComponent={stepContent} />
-    )
-}

frontend/src/components/steps/results/ResultsStep.js

@@ -0,0 +1,21 @@
+import Step from '../Step';
+import { ListGroup, ListGroupItem } from 'reactstrap';
+
+export default function ResultsStep(props) {
+    const stepContent = (
+        <div>
+        <h5 className="pt-4">Plant List</h5>
+            <div>
+            <ListGroup>
+                {props.plants.map(function (plant, i) {
+                    return <ListGroupItem key={i} >{plant.name}</ListGroupItem>;
+                })}
+            </ListGroup>
+            </div>
+        </div>
+    )
+
+    return (
+        <Step contentComponent={stepContent} />
+    )
+}