feat: enhance absence management with new filters and reporting options, including PDF and Excel generation capabilities

apps/web/src/lib/components/ponto/BancoHorasMensal.svelte

@@ -60,6 +60,36 @@
 	const historico = $derived(historicoQuery?.data || []);
 	const historicoAlteracoes = $derived(historicoAlteracoesQuery?.data || []);
 
+	// Dados para o gráfico de evolução
+	const chartData = $derived(() => {
+		if (!historico || historico.length === 0) return null;
+
+		// Ordenar por mês (crescente)
+		const historicoOrdenado = [...historico].sort((a, b) => {
+			if (a.mes < b.mes) return -1;
+			if (a.mes > b.mes) return 1;
+			return 0;
+		});
+
+		return {
+			labels: historicoOrdenado.map((h) => {
+				const [ano, mesNum] = h.mes.split('-');
+				const data = new Date(parseInt(ano), parseInt(mesNum) - 1, 1);
+				return data.toLocaleDateString('pt-BR', { month: 'short', year: 'numeric' });
+			}),
+			datasets: [
+				{
+					label: 'Saldo Final (horas)',
+					data: historicoOrdenado.map((h) => h.saldoFinalMinutos / 60),
+					borderColor: 'rgb(59, 130, 246)',
+					backgroundColor: 'rgba(59, 130, 246, 0.1)',
+					tension: 0.4,
+					fill: true
+				}
+			]
+		};
+	});
+
 	// Função para formatar mês
 	function formatarMes(mes: string): string {
 		const [ano, mesNum] = mes.split('-');
@@ -476,22 +506,7 @@
 	{/if}
 
 		<!-- Gráfico de Evolução -->
-		{#if chartData}
-			<div class="card bg-base-100 border-base-300 shadow-lg">
-				<div class="card-body">
-					<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold">
-						<TrendingUp class="h-5 w-5" strokeWidth={2} />
-						Evolução do Banco de Horas
-					</h3>
-					<div class="h-64 w-full">
-						<LineChart data={chartData} title="Evolução do Banco de Horas" height={256} />
-					</div>
-				</div>
-		</div>
-	{/if}
-
-	<!-- Gráfico de Evolução -->
-	{#if chartData}
+	{#if chartData && historico && historico.length > 0}
 		<div class="card bg-base-100 border-base-300 shadow-lg">
 			<div class="card-body">
 				<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold">