ENCOA-94: Fixes the bug, refactored useStats to be useFilterRecordsByUser in order to not duplicate code and also refactored records.tsx and training.tsx to use a component which abstracts the user Selection for both stats and training.

src/pages/stats.tsx

@@ -5,7 +5,7 @@ import {LinearScale, Chart as ChartJS, CategoryScale, PointElement, LineElement,
 import {withIronSessionSsr} from "iron-session/next";
 import {sessionOptions} from "@/lib/session";
 import {useEffect, useState} from "react";
-import useStats from "@/hooks/useStats";
+import useFilterRecordsByUser from "@/hooks/useFilterRecordsByUser";
 import {averageScore, totalExamsByModule, groupBySession, groupByModule, timestampToMoment, groupByDate} from "@/utils/stats";
 import useUser from "@/hooks/useUser";
 import {ToastContainer} from "react-toastify";
@@ -72,7 +72,7 @@ export default function Stats() {
 	const {user} = useUser({redirectTo: "/login"});
 	const {users} = useUsers();
 	const {groups} = useGroups({admin: user?.id});
-	const {stats} = useStats(statsUserId, !statsUserId);
+	const {data: stats} = useFilterRecordsByUser<Stat[]>(statsUserId, !statsUserId);
 
 	useEffect(() => {
 		if (user) setStatsUserId(user.id);