added timetable component

frontend/src/components/Timetable.js

+import React from "react"
+import Table from "react-bootstrap/Table"
+
+import styles from "./Timetable.css"
+
+
+export default function Timetable (schedule) {
+    const timetable = schedule.schedule;
+    return(
+        <div style={{ borderRadius: '5px', width: '500px', textAlign: 'center' }}>
+            <Table className="table table-striped table-bordered">
+                <tbody>
+                    <tr>
+                        <th>Lundi</th>
+                        <th>{timetable['LundiMidi'] != null ? timetable['LundiMidi'] : '-'}</th>
+                        <th>{timetable['LundiSoir'] != null ? timetable['LundiSoir'] : '-'}</th>
+                    </tr>
+                    <tr>
+                        <th>Mardi</th>
+                        <th>{timetable['MardiMidi'] != null ? timetable['MardiMidi'] : '-'}</th>
+                        <th>{timetable['MardiSoir'] != null ? timetable['MardiSoir'] : '-'}</th>
+                    </tr>
+                    <tr>
+                        <th>Mercredi</th>
+                        <th>{timetable['MercrediMidi'] != null ? timetable['MercrediMidi'] : '-'}</th>
+                        <th>{timetable['MercrediSoir'] != null ? timetable['MercrediSoir'] : '-'}</th>
+                    </tr>
+                    <tr>
+                        <th>Jeudi</th>
+                        <th>{timetable['JeudiMidi'] != null ? timetable['JeudiMidi'] : '-'}</th>
+                        <th>{timetable['JeudiSoir'] != null ? timetable['JeudiSoir'] : '-'}</th>
+                    </tr>
+                    <tr>
+                        <th>Vendredi</th>
+                        <th>{timetable['VendrediMidi'] != null ? timetable['VendrediMidi'] : '-'}</th>
+                        <th>{timetable['VendrediSoir'] != null ? timetable['VendrediSoir'] : '-'}</th>
+                    </tr>
+                </tbody>
+            </Table>
+        </div>
+    )
+}
\ No newline at end of file

frontend/src/components/index.js

 export { default as Header } from "./Header"
 export { default as Footer } from "./Footer"
+export { default as Timetable } from "./Timetable"
\ No newline at end of file

frontend/src/views/Eiffel.js

 import React from "react"
 
+import Timetable from "../components/Timetable"
+
 
 export default function Eiffel(props) {
     return (
@@ -7,6 +9,7 @@ export default function Eiffel(props) {
         <h2>
             RU Eiffel
         </h2>
+        <Timetable schedule={ {'LundiMidi': '11h30 - 13h'} }/>
       </div>
     )
   }
\ No newline at end of file