added like that continue even with reload but buggy

react-project/src/App.jsx

@@ -1,6 +1,7 @@
 import Header from "./components/Header";
 import Footer from "./components/Footer";
 import Carte from "./components/Carte";
+import { useEffect } from "react";
 import { useState } from "react";
 import "./App.css";
 
@@ -37,6 +38,10 @@ function App() {
     j.titre.toLowerCase().includes(recherche.toLowerCase()),
   );
 
+  useEffect(() => {
+    document.title = `${jeux.length} jeux Zelda`;
+  }, []);
+
   return (
     <>
       <Header />

react-project/src/components/Carte.jsx

@@ -3,7 +3,12 @@ import Badge from "./Badge";
 import { useState } from "react";
 
 function Carte(props) {
-  const [likes, setLikes] = useState(0);
+  const [likes, setLikes] = useState(
+    () => Number(localStorage.getItem("likes-" + props.id)) || 0,
+  );
+  useEffect(() => {
+    localStorage.setItem("likes-" + props.id, likes);
+  }, [likes]);
   useEffect(() => {}, [likes]);
 
   return (