improve front

Les modifications consistent en une mise en forme du front, pour l'instant il manque une partie du back pour que ce soit totalement fonctionnel mais ça peut être testé en local sans problème

frontend/src/components/WaitingTime.js

-import React from "react";
+import React, { useState } from "react";
 import axios from "axios";
 
 import "../styles/WaitingTime.css";
 
 export default function WaitingTime({ place }) {
-  const url = process.env.REACT_APP_BASE_URL_BACK + "/" + place + "/waiting_time";
-  const [post, setPost] = React.useState(null);
+  const [post, setPost] = useState([null, null]);
 
   React.useEffect(() => {
-    axios.get(url).then((response) => {
-      if (response.data < 60) {
-        setPost(0);
-      } else {
-        setPost(Math.round(response.data / 60));
-      }
+    axios
+      .get(`${process.env.REACT_APP_BASE_URL_BACK}/${encodeURIComponent(place)}/waiting_time`)
+      .then((res) => {
+        setPost(res.data);
       });
-  }, [url]);
+  }, []);
 
   return (
-    <div className="parent">
-      {post ? (
-        <div className="waiting-time">
-          Temps d&apos;attente estimé à <b>{post} minutes</b>.
+    <div id="waiting-time-parent">
+      {post[1] ? (
+        <div id="waiting-time-display">
+          Le RU ouvre aujourd&apos;hui à :
+          <div className="waiting-time-minutes">
+            <b id="waiting-time-number">
+              {String(post[0]).padStart(2, "0")}h{String(post[1]).padStart(2, "0")}
+            </b>
+          </div>
+        </div>
+      ) : post[0] ? (
+        <div id="waiting-time-display">
+          Le temps d&apos;attente est estimé à :
+          <div className="waiting-time-minutes">
+            <b id="waiting-time-number">{post[0]}</b> minutes
+          </div>
         </div>
       ) : (
-        <div>Pas de données...</div>
+        <div className="waiting-time-minutes">Le RU est fermé pour aujourd&apos;hui.</div>
       )}
     </div>
   );