Add Header and Footer component layout

src/App.js

@@ -1,26 +1,18 @@
 import React from 'react';
-import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
+import { BrowserRouter as Router} from "react-router-dom";
 import Routes from "./Routes.js";
 import './App.css';
 
-import Home from "./components/views/Home.js";
+import Header from "./components/layouts/Header";
-import CreateBallot from "./components/views/CreateBallot.js";
+import Footer from "./components/layouts/Footer";
-import UnknownView from "./components/views/UnknownView";
 
 function App() {
   return (
       <Router>
         <div>
-          <ul>
+            <Header />
-            <li>
+	        <Routes />
-              <Link to="/">Home</Link>
+            <Footer />
-            </li>
-            <li>
-              <Link to="/create-ballot">Créer un vote</Link>
-            </li>
-          </ul>
-          <hr />
-	  <Routes />
         </div>
       </Router>
   );

src/components/layouts/Footer.js

@@ -0,0 +1,19 @@
+import React, {Component} from "react";
+
+class Footer extends Component {
+
+    constructor(props) {
+        super(props);
+        this.state = {
+        }
+    }
+
+    render(){
+        return(
+            <div >
+                <h1>FOOTER</h1>
+            </div>
+        )
+    }
+}
+export default Footer;

src/components/layouts/Header.js

@@ -0,0 +1,19 @@
+import React, {Component} from "react";
+
+class Header extends Component {
+
+    constructor(props) {
+        super(props);
+        this.state = {
+        }
+    }
+
+    render(){
+        return(
+            <div >
+                <h1>HEADER</h1>
+            </div>
+        )
+    }
+}
+export default Header;