Fix login page having a Card

src/pages/(exam)/ExamPage.tsx

@@ -329,6 +329,7 @@ export default function ExamPage({
 
   useEffect(() => {
     setOnFocusLayerMouseEnter(() => () => setShowAbandonPopup(true));
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {

src/pages/_app.tsx

@@ -32,7 +32,7 @@ export default function App({ Component, pageProps }: AppProps) {
       setLoading(true);
     };
     const end = () => {
-     setLoading(false);
+      setLoading(false);
     };
     Router.events.on("routeChangeStart", start);
     Router.events.on("routeChangeComplete", end);
@@ -59,13 +59,11 @@ export default function App({ Component, pageProps }: AppProps) {
     }
   }, [setIsSidebarMinimized]);
 
-  return (
+  return pageProps?.user ? (
     <Layout user={pageProps.user} entities={entities} refreshPage={loading}>
-      {loading ? (
+      {loading ? <UserProfileSkeleton /> : <Component {...pageProps} />}
-        <UserProfileSkeleton />
-      ) : (
-        <Component {...pageProps} />
-      )}
     </Layout>
+  ) : (
+    <Component {...pageProps} />
   );
 }