- Adapted more of the design to be more responsive;

- Revamped some of the UserSolutions;
- Transformed the homepage chart to use actual dynamic values;
- Created an endpoint for the stats;

src/hooks/useStats.tsx

@@ -0,0 +1,19 @@
+import {Stat, User} from "@/interfaces/user";
+import axios from "axios";
+import {useEffect, useState} from "react";
+
+export default function useStats() {
+	const [stats, setStats] = useState<Stat[]>([]);
+	const [isLoading, setIsLoading] = useState(false);
+	const [isError, setIsError] = useState(false);
+
+	useEffect(() => {
+		setIsLoading(true);
+		axios
+			.get<Stat[]>("/api/stats")
+			.then((response) => setStats(response.data))
+			.finally(() => setIsLoading(false));
+	}, []);
+
+	return {stats, isLoading, isError};
+}