feat: replace SVG icons with Lucide components in various dashboard pages for improved consistency and maintainability

apps/web/src/routes/(dashboard)/abrir-chamado/+page.svelte

@@ -8,6 +8,7 @@
 	import { chamadosStore } from '$lib/stores/chamados';
 	import { resolve } from '$app/paths';
 	import { useConvexWithAuth } from '$lib/hooks/useConvexWithAuth';
+	import { LifeBuoy, Info } from 'lucide-svelte';
 
 	type Ticket = Doc<'tickets'>;
 
@@ -170,20 +171,7 @@
 			>
 				<div class="mb-6 flex items-center gap-3">
 					<div class="bg-primary/10 rounded-xl p-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-primary h-6 w-6"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-							/>
-						</svg>
+						<LifeBuoy class="text-primary h-6 w-6" strokeWidth={2} />
 					</div>
 					<div>
 						<h2 class="text-base-content text-2xl font-bold">Formulário</h2>
@@ -208,20 +196,7 @@
 			>
 				<div class="mb-4 flex items-center gap-3">
 					<div class="bg-info/10 rounded-xl p-2">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="text-info h-5 w-5"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-							/>
-						</svg>
+						<Info class="text-info h-5 w-5" strokeWidth={2} />
 					</div>
 					<h3 class="text-base-content text-lg font-bold">Como funciona a timeline</h3>
 				</div>