Merge branch 'fix/redirect-error' into 'development'

[HOTFIX/FE] Fixing redirect issues

See merge request mbugroup/lti-web-client!88

src/app/page.tsx

@@ -2,17 +2,30 @@
 
 import { useEffect } from 'react';
 import { useRouter } from 'next/navigation';
+import { useAuth } from '@/services/hooks/useAuth';
+import { redirectToSSO } from '@/lib/auth-helper';
 
 export default function Home() {
+  const { user, isLoadingUser } = useAuth();
+
   const router = useRouter();
 
   useEffect(() => {
     router.replace('/dashboard');
-  }, [router]);
+  }, [user, isLoadingUser]);
 
-  return (
-    <main className='w-full h-full min-h-screen flex flex-row justify-center items-center'>
-      <span className='loading loading-spinner loading-lg'></span>
-    </main>
-  );
+  if (isLoadingUser) {
+    return (
+      <main className='w-full h-full min-h-screen flex flex-row justify-center items-center'>
+        <span className='loading loading-spinner loading-lg'></span>
+      </main>
+    );
+  }
+
+  if (!isLoadingUser && !user) {
+    redirectToSSO();
+    return;
+  }
+
+  return null;
 }

src/components/helper/RequireAuth.tsx

@@ -45,6 +45,10 @@ const RequireAuth = ({ children }: RequireAuthProps) => {
     }
   }, [userErrorResponse, setUser]);
 
+  useEffect(() => {
+    setIsLoadingUser(isLoadingUserResponse);
+  }, [isLoadingUserResponse]);
+
   if (
     (isLoadingUserResponse && !userResponse && !userErrorResponse) ||
     (!userResponse && !userErrorResponse)