feat: add profile check and redirect for logged-in users on login and registration pages

Author: H1B0B0

frontend/app/login/page.tsx

@@ -5,13 +5,23 @@ import { Form } from "@heroui/form";
 import { Input } from "@heroui/input";
 import { Button } from "@heroui/button";
 import "react-toastify/dist/ReactToastify.css";
-import React, { useState } from "react";
-import { login } from "../functions/UserAPI";
+import React, { useState, useEffect } from "react";
+import { login, useGetProfile } from "../functions/UserAPI";
 import { PatreonLoginButton } from "@/components/PatreonLoginButton";
+import { useRouter } from "next/navigation";
 
 export default function LoginPage() {
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
+  const { data: profile, isLoading: isProfileLoading } = useGetProfile();
+  const router = useRouter();
+
+  // Redirect to home if user is already logged in
+  useEffect(() => {
+    if (!isProfileLoading && profile?.user) {
+      router.push("/");
+    }
+  }, [profile, isProfileLoading, router]);
 
   async function handleLogin(formData: FormData) {
     try {

frontend/app/register/page.tsx

@@ -4,9 +4,9 @@ import { Card, CardHeader, CardBody } from "@heroui/card";
 import { Form } from "@heroui/form";
 import { Input } from "@heroui/input";
 import { Button } from "@heroui/button";
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
-import { register } from "../functions/UserAPI";
+import { register, useGetProfile } from "../functions/UserAPI";
 import { RegisterData } from "../types/User";
 
 export default function RegisterPage() {
@@ -25,6 +25,14 @@ export default function RegisterPage() {
     confirmPassword?: string;
   }>({});
   const router = useRouter();
+  const { data: profile, isLoading: isProfileLoading } = useGetProfile();
+
+  // Redirect to home if user is already logged in
+  useEffect(() => {
+    if (!isProfileLoading && profile?.user) {
+      router.push("/");
+    }
+  }, [profile, isProfileLoading, router]);
 
   const validatePassword = (password: string): string | null => {
     if (password.length < 8) {