Add sample mui stepper

frontend/src/components/steps/Location.js

@@ -0,0 +1,13 @@
+import React from 'react'
+import { Container } from 'reactstrap';
+
+
+export default class Step1 extends React.Component {
+    render() {
+        return (
+            <Container className="pt-4">
+                <p>Please choose your location...</p>
+            </Container>
+        )
+    }
+}

frontend/src/components/steps/Results.js

@@ -0,0 +1,18 @@
+import React from 'react'
+import { Container, ListGroup, ListGroupItem } from 'reactstrap';
+
+
+export default class Step3 extends React.Component {
+    render() {
+        return (
+            <Container className="p-2">
+                <h5 className="pt-4">Plant List</h5>
+                <ListGroup>
+                    {this.props.plants.map(function (plant, i) {
+                        return <ListGroupItem key={i} >{plant.name}</ListGroupItem>;
+                    })}
+                </ListGroup>
+            </Container>
+        )
+    }
+}

frontend/src/components/steps/Soil.js

@@ -0,0 +1,13 @@
+import React from 'react'
+import { Container } from 'reactstrap';
+
+
+export default class Step2 extends React.Component {
+    render() {
+        return (
+            <Container className="pt-4">
+                <p >Sample step</p>
+            </Container>
+        )
+    }
+}