feat: Implementação de submenus laterais (flyout), correções de UI e proteção de rotas (AuthGuard)

front-end-dash.aggios.app/components/layout/DashboardLayout.tsx

@@ -1,14 +1,15 @@
 'use client';
 
 import React, { useState } from 'react';
-import { SidebarRail } from './SidebarRail';
+import { SidebarRail, MenuItem } from './SidebarRail';
 import { TopBar } from './TopBar';
 
 interface DashboardLayoutProps {
     children: React.ReactNode;
+    menuItems: MenuItem[];
 }
 
-export const DashboardLayout: React.FC<DashboardLayoutProps> = ({ children }) => {
+export const DashboardLayout: React.FC<DashboardLayoutProps> = ({ children, menuItems }) => {
     // Estado centralizado do layout
     const [isExpanded, setIsExpanded] = useState(true);
     const [activeTab, setActiveTab] = useState('dashboard');
@@ -21,6 +22,7 @@ export const DashboardLayout: React.FC<DashboardLayoutProps> = ({ children }) =>
                 onTabChange={setActiveTab}
                 isExpanded={isExpanded}
                 onToggle={() => setIsExpanded(!isExpanded)}
+                menuItems={menuItems}
             />
 
             {/* Área de Conteúdo (Children) */}