Fix History component useEffect dependency array

client/src/History.js

@@ -19,6 +19,7 @@ function History() {
   const [days, setDays] = useState(7);
   const [loading, setLoading] = useState(true);
 
+  useEffect(() => {
     const loadHistory = async () => {
       setLoading(true);
       try {
@@ -31,9 +32,7 @@ function History() {
       }
     };
 
-  useEffect(() => {
     loadHistory();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [days]);
 
   if (loading) return <div className="container">Loading history...</div>;