Erro de UI flickering nas rotas protegidas corrigido

src/context/hooks/route.tsx

@@ -9,12 +9,16 @@ export function withPublic(Component: any) {
     const pathname = router.pathname;
 
     useEffect(() => {
-      if (auth.user) {
+      if(auth.user) {
         router.push('/admin');
       }
     });
 
-    return <Component auth={auth} pathname={pathname} {...props} />;
+    if(auth.user) {
+      return <h1 className="ant-message">Loading...</h1>;
+    } else {
+      return <Component auth={auth} pathname={pathname} {...props} />;
+    }
   };
 }
 
@@ -30,6 +34,10 @@ export function withProtected(Component: any) {
       }
     });
 
-    return <Component auth={auth} pathname={pathname} {...props} />;
+    if(!auth.user) {
+      return <h1 className="ant-message">Loading...</h1>;
+    } else {
+      return <Component auth={auth} pathname={pathname} {...props} />;
+    }
   };
 }