feat: enhance login page design and functionality by integrating new components, updating styles, and improving user experience

apps/web/src/routes/(dashboard)/+layout.svelte

@@ -4,11 +4,11 @@
 	import PushNotificationManager from '$lib/components/PushNotificationManager.svelte';
 	import Footer from '$lib/components/Footer.svelte';
 	import Header from '$lib/components/Header.svelte';
+	import MenuToggleIcon from '$lib/components/MenuToggleIcon.svelte';
 	import Sidebar from '$lib/components/Sidebar.svelte';
 	import DashboardHeaderActions from '$lib/components/dashboard/DashboardHeaderActions.svelte';
 	import ChatWidget from '$lib/components/chat/ChatWidget.svelte';
 	import PresenceManager from '$lib/components/chat/PresenceManager.svelte';
-	import { Menu, X } from 'lucide-svelte';
 
 	const { children } = $props();
 
@@ -44,11 +44,7 @@
 				aria-label={sidebarOpen ? 'Fechar menu' : 'Abrir menu'}
 				onclick={toggleSidebar}
 			>
-				{#if sidebarOpen}
-					<X class="h-5 w-5" />
-				{:else}
-					<Menu class="h-5 w-5" />
-				{/if}
+				<MenuToggleIcon open={sidebarOpen} class="h-5 w-5" />
 			</button>
 		{/snippet}