training.tsx still a bit messy, all that is left is to retrieve data from firestore /training and /walkthrough and render it

src/stores/trainingContentStore.ts

@@ -0,0 +1,18 @@
+import { Stat } from "@/interfaces/user";
+import {create} from "zustand";
+
+export interface TrainingContentState {
+	stats: Stat[];
+	setStats: (stats: Stat[]) => void;
+}
+
+export const initialState = {
+	stats: [],
+};
+
+const trainingContentStore = create<TrainingContentState>((set) => ({
+	...initialState,
+    setStats: (stats: Stat[]) => set(() => ({stats})),
+}));
+
+export default trainingContentStore;