Made it so the pages update the user when loading

src/pages/api/user.ts

@@ -1,10 +1,14 @@
 import {app} from "@/firebase";
+import {User} from "@/interfaces/user";
 import {sessionOptions} from "@/lib/session";
 import {getAuth} from "firebase/auth";
+import {doc, getDoc, getFirestore} from "firebase/firestore";
 import {withIronSessionApiRoute} from "iron-session/next";
 import {NextApiRequest, NextApiResponse} from "next";
 
 const auth = getAuth(app);
+const db = getFirestore(app);
+
 export default withIronSessionApiRoute(user, sessionOptions);
 
 async function user(req: NextApiRequest, res: NextApiResponse) {
@@ -14,12 +18,23 @@ async function user(req: NextApiRequest, res: NextApiResponse) {
 			return;
 		}
 
-		if (req.session.user.id === auth.currentUser.uid) {
+		if (req.session.user.id !== auth.currentUser.uid) {
 			res.status(401).json(undefined);
 			return;
 		}
 
-		res.json(req.session.user);
+		const docUser = await getDoc(doc(db, "users", req.session.user.id));
+		if (!docUser.exists()) {
+			res.status(401).json(undefined);
+			return;
+		}
+
+		const user = docUser.data() as User;
+
+		req.session.user = {...user, id: req.session.user.id};
+		await req.session.save();
+
+		res.json({...user, id: req.session.user.id});
 	} else {
 		res.status(401).json(undefined);
 	}