Add sample mui stepper

frontend/src/pages/SamplePage.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Container, ListGroup, ListGroupItem } from 'reactstrap';
+import { Container } from 'reactstrap';
+import Stepper from '../components/Stepper'
 
 import PlantRepsostory from '../repository/PlantRepository'
 
@@ -33,12 +34,9 @@ export default class SamplePage extends React.Component {
                 <h1>Right Tree</h1>
                 <h4>Right Plant Right Place Right Time</h4>
 
-                <h5 className="pt-4">Plant List</h5>
-                <ListGroup>
-                    {this.state.plants.map(function (plant, i) {
-                        return <ListGroupItem key={i} >{plant.name}</ListGroupItem>;
-                    })}
-                </ListGroup>
+                <div className="pt-4">
+                    <Stepper plants={this.state.plants} />
+                </div>
             </Container>
         )
     }