refactor: replace Date with SvelteDate for improved date handling in absence components

- Updated date handling in CalendarioAusencias and WizardSolicitacaoAusencia components to use SvelteDate for better reactivity and consistency.
- Refactored various date-related functions to ensure compatibility with the new SvelteDate type.
- Enhanced UI elements to maintain functionality while improving code clarity and maintainability.

apps/web/src/lib/components/ausencias/WizardSolicitacaoAusencia.svelte

@@ -5,6 +5,7 @@
 	import ErrorModal from '../ErrorModal.svelte';
 	import { toast } from 'svelte-sonner';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { SvelteDate } from 'svelte/reactivity';
 
 	interface Props {
 		funcionarioId: Id<'funcionarios'>;
@@ -67,7 +68,7 @@
 				return;
 			}
 
-			const hoje = new Date();
+			const hoje = new SvelteDate();
 			hoje.setHours(0, 0, 0, 0);
 			const inicio = new Date(dataInicio);
 
@@ -266,7 +267,7 @@
 							<div>
 								<h4 class="font-bold">Período selecionado!</h4>
 								<p>
-									De {new Date(dataInicio).toLocaleDateString('pt-BR')} até{' '}
+									De {new Date(dataInicio).toLocaleDateString('pt-BR')} até
 									{new Date(dataFim).toLocaleDateString('pt-BR')} ({totalDias} dias)
 								</p>
 							</div>
@@ -286,7 +287,7 @@
 					<!-- Resumo do período -->
 					{#if dataInicio && dataFim}
 						<div
-							class="card border-2 border-orange-500/30 bg-linear-to-br from-orange-50 to-amber-50 dark:from-orange-950 dark:to-amber-950"
+							class="card border-2 border-base-content/20"
 						>
 							<div class="card-body">
 								<h4 class="card-title text-orange-700 dark:text-orange-400">
@@ -345,7 +346,7 @@
 							bind:value={motivo}
 							maxlength={500}
 						></textarea>
-						<label class="label">
+						<label class="label" for="motivo">
 							<span class="label-text-alt text-base-content/70">
 								Mínimo 10 caracteres. Seja claro e objetivo.
 							</span>