FIX: try to fix sidebar

src/lib/layout/SideBar.svelte

@@ -3,13 +3,19 @@
 	import { goto } from '$app/navigation';
 	import { get } from 'svelte/store';
 	import { onMount } from 'svelte';
-	// Assets paths for static files
-	const beer_green = '/assets/beer_green.svg';
-	const logout_icon = '/assets/logout_icon.svg';
-	const close_icon = '/assets/close_icon.svg';
-	const menu_icon = '/assets/menu_icon.svg';
 	import { browser } from '$app/environment';
 	import { logo_id, companyName_id } from '$lib/utils/store';
+	
+	// Import all SVG icons
+	import beer_green from '/static/assets/beer_green.svg';
+	import logout_icon from '/static/assets/logout_icon.svg';
+	import close_icon from '/static/assets/close_icon.svg';
+	import menu_icon from '/static/assets/menu_icon.svg';
+	import table_bar from '/static/assets/table_bar.svg';
+	import product_sell from '/static/assets/product_sell.svg';
+	import report_icon from '/static/assets/report_icon.svg';
+	import kitchen_icon from '/static/assets/kitchen_icon.svg';
+	import mananger from '/static/assets/mananger.svg';
 	let flag = null;
 	let company;
 
@@ -20,24 +26,33 @@
 	$: navItems = [];
 
 	let isMobileMenuOpen = false;
+	// Create icon mapping object
+	const iconMap = {
+		table_bar,
+		product_sell,
+		report_icon,
+		kitchen_icon,
+		mananger
+	};
+
 	onMount(() => {
 		if (flag == 'waiter') {
-			navItems = [{ name: 'Mesas', path: '/dashboard/tables', icon: 'table_bar' }];
+			navItems = [{ name: 'Mesas', path: '/dashboard/tables', icon: iconMap.table_bar }];
 		} else if (flag == 'admin') {
 			navItems = [
-				{ name: 'Mesas', path: '/dashboard/tables', icon: 'table_bar' },
-				{ name: 'Produtos', path: '/dashboard/products', icon: 'product_sell' },
-				{ name: 'Relatórios', path: '/dashboard/reports', icon: 'report_icon' },
-				{ name: 'Cozinha', path: '/dashboard/kitchen', icon: 'kitchen_icon' },
-				{ name: 'Gerenciar Usuários', path: '/dashboard/mananger', icon: 'mananger' }
+				{ name: 'Mesas', path: '/dashboard/tables', icon: iconMap.table_bar },
+				{ name: 'Produtos', path: '/dashboard/products', icon: iconMap.product_sell },
+				{ name: 'Relatórios', path: '/dashboard/reports', icon: iconMap.report_icon },
+				{ name: 'Cozinha', path: '/dashboard/kitchen', icon: iconMap.kitchen_icon },
+				{ name: 'Gerenciar Usuários', path: '/dashboard/mananger', icon: iconMap.mananger }
 			];
 		} else if (flag == 'kitchen') {
-			navItems = [{ name: 'Cozinha', path: '/dashboard/kitchen', icon: 'kitchen_icon' }];
+			navItems = [{ name: 'Cozinha', path: '/dashboard/kitchen', icon: iconMap.kitchen_icon }];
 		} else if (flag == 'cashier') {
 			navItems = [
-				{ name: 'Mesas', path: '/dashboard/tables', icon: 'table_bar' },
-				{ name: 'Relatórios', path: '/dashboard/reports', icon: 'report_icon' },
-				{ name: 'Cozinha', path: '/dashboard/kitchen', icon: 'kitchen_icon' }
+				{ name: 'Mesas', path: '/dashboard/tables', icon: iconMap.table_bar },
+				{ name: 'Relatórios', path: '/dashboard/reports', icon: iconMap.report_icon },
+				{ name: 'Cozinha', path: '/dashboard/kitchen', icon: iconMap.kitchen_icon }
 			];
 		}
 
@@ -90,7 +105,7 @@
 						onclick={() => goto(item.path)}
 					>
 						<img
-							src="../src/lib/assets/{item.icon.toLowerCase()}.svg"
+							src={item.icon}
 							class="h-6 w-6"
 							alt={item.name}
 						/>