v1.4: Segurança multi-tenant, file serving via API e UX humanizada

-  Validação cross-tenant no login e rotas protegidas
-  File serving via /api/files/{bucket}/{path} (eliminação DNS)
-  Mensagens de erro humanizadas inline (sem pop-ups)
-  Middleware tenant detection via headers customizados
-  Upload de logos retorna URLs via API
-  README atualizado com changelog v1.4 completo

front-end-agency/components/DynamicFavicon.tsx

@@ -1,33 +1,42 @@
 "use client";
 
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 
 interface DynamicFaviconProps {
     logoUrl?: string;
 }
 
 export default function DynamicFavicon({ logoUrl }: DynamicFaviconProps) {
+    const [mounted, setMounted] = useState(false);
+
     useEffect(() => {
-        if (!logoUrl) return;
+        setMounted(true);
+    }, []);
 
-        // Remove favicons antigos
-        const existingLinks = document.querySelectorAll("link[rel*='icon']");
-        existingLinks.forEach(link => link.remove());
+    useEffect(() => {
+        if (!mounted || !logoUrl) return;
 
-        // Adiciona novo favicon
-        const link = document.createElement('link');
-        link.type = 'image/x-icon';
-        link.rel = 'shortcut icon';
-        link.href = logoUrl;
-        document.getElementsByTagName('head')[0].appendChild(link);
+        // Usar requestAnimationFrame para garantir que a hidratação terminou
+        requestAnimationFrame(() => {
+            // Remove favicons antigos
+            const existingLinks = document.querySelectorAll("link[rel*='icon']");
+            existingLinks.forEach(link => link.remove());
 
-        // Adiciona Apple touch icon
-        const appleLink = document.createElement('link');
-        appleLink.rel = 'apple-touch-icon';
-        appleLink.href = logoUrl;
-        document.getElementsByTagName('head')[0].appendChild(appleLink);
+            // Adiciona novo favicon
+            const link = document.createElement('link');
+            link.type = 'image/x-icon';
+            link.rel = 'shortcut icon';
+            link.href = logoUrl;
+            document.getElementsByTagName('head')[0].appendChild(link);
 
-    }, [logoUrl]);
+            // Adiciona Apple touch icon
+            const appleLink = document.createElement('link');
+            appleLink.rel = 'apple-touch-icon';
+            appleLink.href = logoUrl;
+            document.getElementsByTagName('head')[0].appendChild(appleLink);
+        });
+
+    }, [mounted, logoUrl]);
 
     return null;
 }