feat: enhance Banco de Horas management with new reporting features, including adjustments and inconsistencies tracking, advanced filters, and Excel export functionality

apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Clock, CheckCircle2, XCircle, ChevronRight } from 'lucide-svelte';
+	import { Clock, CheckCircle2, XCircle, ChevronRight, TrendingUp } from 'lucide-svelte';
 	import { resolve } from '$app/paths';
 </script>
 
@@ -16,7 +16,7 @@
 	</div>
 
 	<!-- Grid de Cards -->
-	<div class="grid grid-cols-1 gap-6 md:grid-cols-3">
+	<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4">
 		<!-- Card 1: Gestão de Pontos -->
 		<a
 			href={resolve('/(dashboard)/recursos-humanos/registro-pontos')}
@@ -75,7 +75,7 @@
 			</div>
 		</a>
 
-		<!-- Card 4: Dashboard Banco de Horas -->
+		<!-- Card 4: Banco de Horas -->
 		<a
 			href={resolve('/(dashboard)/recursos-humanos/controle-ponto/banco-horas')}
 			class="card bg-base-100 transform shadow-xl transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"
@@ -83,13 +83,13 @@
 			<div class="card-body">
 				<div class="mb-4 flex items-start justify-between">
 					<div class="rounded-2xl bg-purple-500/20 p-4">
-						<Clock class="h-8 w-8 text-purple-600" strokeWidth={2} />
+						<TrendingUp class="h-8 w-8 text-purple-600" strokeWidth={2} />
 					</div>
 					<ChevronRight class="text-base-content/30 h-5 w-5" strokeWidth={2} />
 				</div>
-				<h2 class="card-title mb-2 text-xl">Dashboard Banco de Horas</h2>
+				<h2 class="card-title mb-2 text-xl">Banco de Horas</h2>
 				<p class="text-base-content/70">
-					Visão gerencial do banco de horas, estatísticas e relatórios mensais
+					Visão gerencial do banco de horas dos funcionários, com filtros, estatísticas e relatórios
 				</p>
 			</div>
 		</a>