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/layout/DashboardLayout.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import React, { useState } from 'react';
+import { usePathname } from 'next/navigation';
 import { SidebarRail, MenuItem } from './SidebarRail';
 import { TopBar } from './TopBar';
 
@@ -12,14 +13,12 @@ interface DashboardLayoutProps {
 export const DashboardLayout: React.FC<DashboardLayoutProps> = ({ children, menuItems }) => {
     // Estado centralizado do layout
     const [isExpanded, setIsExpanded] = useState(true);
-    const [activeTab, setActiveTab] = useState('dashboard');
+    const pathname = usePathname();
 
     return (
         <div className="flex h-screen w-full bg-gray-100 dark:bg-zinc-950 text-slate-900 dark:text-slate-100 overflow-hidden p-3 gap-3 transition-colors duration-300">
             {/* Sidebar controla seu próprio estado visual via props */}
             <SidebarRail
-                activeTab={activeTab}
-                onTabChange={setActiveTab}
                 isExpanded={isExpanded}
                 onToggle={() => setIsExpanded(!isExpanded)}
                 menuItems={menuItems}
@@ -32,7 +31,9 @@ export const DashboardLayout: React.FC<DashboardLayoutProps> = ({ children, menu
 
                 {/* Conteúdo das páginas */}
                 <div className="flex-1 overflow-auto">
-                    {children}
+                    <div className="max-w-7xl mx-auto w-full h-full">
+                        {children}
+                    </div>
                 </div>
             </main>
         </div>