Created the stats page where a user can select another user to view their stats;

Improved the whole stats and the home page

src/hooks/useStats.tsx

@@ -2,7 +2,7 @@ import {Stat, User} from "@/interfaces/user";
 import axios from "axios";
 import {useEffect, useState} from "react";
 
-export default function useStats() {
+export default function useStats(id?: string) {
 	const [stats, setStats] = useState<Stat[]>([]);
 	const [isLoading, setIsLoading] = useState(false);
 	const [isError, setIsError] = useState(false);
@@ -10,10 +10,10 @@ export default function useStats() {
 	useEffect(() => {
 		setIsLoading(true);
 		axios
-			.get<Stat[]>("/api/stats")
+			.get<Stat[]>(!id ? "/api/stats" : `/api/stats/${id}`)
 			.then((response) => setStats(response.data))
 			.finally(() => setIsLoading(false));
-	}, []);
+	}, [id]);
 
 	return {stats, isLoading, isError};
 }