chore(release): snapshot 1.4.2

front-end-agency/components/auth/AuthGuard.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
-import { isAuthenticated } from '@/lib/auth';
+import { isAuthenticated, clearAuth } from '@/lib/auth';
 
 export default function AuthGuard({ children }: { children: React.ReactNode }) {
     const router = useRouter();
@@ -22,9 +22,9 @@ export default function AuthGuard({ children }: { children: React.ReactNode }) {
 
             if (!isAuth) {
                 setAuthorized(false);
-                // Evitar redirect loop se já estiver no login (embora o AuthGuard deva ser usado apenas em rotas protegidas)
+                // Evitar redirect loop se já estiver no login
                 if (pathname !== '/login') {
-                    router.push('/login');
+                    router.push('/login?error=unauthorized');
                 }
             } else {
                 setAuthorized(true);
@@ -33,7 +33,7 @@ export default function AuthGuard({ children }: { children: React.ReactNode }) {
 
         checkAuth();
 
-        // Opcional: Adicionar listener para storage events para logout em outras abas
+        // Listener para logout em outras abas
         const handleStorageChange = (e: StorageEvent) => {
             if (e.key === 'token' || e.key === 'user') {
                 checkAuth();
@@ -44,8 +44,7 @@ export default function AuthGuard({ children }: { children: React.ReactNode }) {
         return () => window.removeEventListener('storage', handleStorageChange);
     }, [router, pathname, mounted]);
 
-    // Enquanto verifica (ou não está montado), mostra um loading simples
-    // Isso evita problemas de hidratação mantendo a estrutura DOM consistente
+    // Enquanto verifica, mostra loading
     if (!mounted || authorized === null) {
         return (
             <div className="flex h-screen w-full items-center justify-center bg-gray-100 dark:bg-zinc-950">