feat: suppression HUD (redondant avec cockpit), compteur stylé, navbar nettoyée

- Suppression Hud.jsx + HUDON/HUDOFF.svg (cockpit header fait le même job)
- Retrait toggle HUD de la navbar + props isVisible
- Compteur click-zone : glow vert, plus gros, lisible sur fond sombre
- Tooltip sur le bouton bulles navbar

Frontend/src/components/navbar.jsx

@@ -7,38 +7,14 @@ import "../scss/root.scss";
 import PrimaryButton from "./buttons/PrimaryButton";
 import Burger from "./burger";
 import { useAuth } from "../context/AuthContext";
-import HUDON from "../../public/NavBar/HUDON.svg";
-import HUDOFF from "../../public/NavBar/HUDOFF.svg";
 import SnowOn from "../../public/NavBar/SnowOn.svg";
 import SnowOff from "../../public/NavBar/SnowOff.svg";
 import { useState } from "react";
 
-export default function Navbar({
-  navData,
-  isVisible,
-  setIsVisible,
-  toggleRain,
-  setToggleRain,
-}) {
-  Navbar.propTypes = {
-    isVisible: PropTypes.bool,
-    setIsVisible: PropTypes.function,
-    setToggleRain: PropTypes.function,
-    toggleRain: PropTypes.bool,
-  }.isRequired;
-
+export default function Navbar({ navData, toggleRain, setToggleRain }) {
   const { user, logout } = useAuth();
-  const [imageSrc, setImageSrc] = useState(HUDON);
   const [snowImageSrc, setSnowImageSrc] = useState(SnowOff);
-  const toggleHud = () => {
-    if (!isVisible) {
-      setIsVisible(true);
-      setImageSrc(HUDOFF);
-    } else {
-      setIsVisible(false);
-      setImageSrc(HUDON);
-    }
-  };
+
   function toggleRainBtn() {
     if (toggleRain === false) {
       setToggleRain(true);
@@ -48,6 +24,7 @@ export default function Navbar({
       setSnowImageSrc(SnowOff);
     }
   }
+
   return (
     <nav className="header-main">
       <Link
@@ -108,17 +85,12 @@ export default function Navbar({
             Connexion
           </Link>
         )}
-        <img
-          onClick={() => toggleHud()}
-          src={imageSrc}
-          style={{ height: "28px" }}
-          alt="boutton on"
-        />
         <img
           onClick={() => toggleRainBtn()}
           src={snowImageSrc}
-          style={{ height: "28px" }}
-          alt="boutton on"
+          style={{ height: "28px", cursor: "pointer" }}
+          alt="Activer/désactiver les bulles"
+          title="Ambiance bulles"
         />
         <Burger navData={navData} />
       </div>