feat: enhance RegistroPonto and WebcamCapture components for improved data handling and user experience

- Added a refresh mechanism in the RegistroPonto component to ensure queries are updated after point registration, improving data accuracy.
- Expanded the WebcamCapture component to prevent multiple simultaneous play calls, enhancing video playback reliability.
- Updated the registro-pontos page to default the date range to the last 30 days for better visibility and user convenience.
- Introduced debug logging for queries and data handling to assist in development and troubleshooting.

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

@@ -21,17 +21,26 @@
 
 	const client = useConvexClient();
 
+	// Chave de refresh para forçar atualização das queries após registro
+	let refreshKey = $state(0);
+
 	// Queries
 	const currentUser = useQuery(api.auth.getCurrentUser, {});
 	const configQuery = useQuery(api.configuracaoPonto.obterConfiguracao, {});
-	const registrosHojeQuery = useQuery(api.pontos.listarRegistrosDia, {});
 	
 	// Query para histórico e saldo do dia
 	const funcionarioId = $derived(currentUser?.data?.funcionarioId ?? null);
 	const dataHoje = $derived(new Date().toISOString().split('T')[0]!);
+	
+	// Usar refreshKey para forçar atualização após registro
+	const registrosHojeQuery = useQuery(
+		api.pontos.listarRegistrosDia, 
+		{ data: dataHoje, _refresh: refreshKey }
+	);
+	
 	const historicoSaldoQuery = useQuery(
 		api.pontos.obterHistoricoESaldoDia,
-		funcionarioId && dataHoje ? { funcionarioId, data: dataHoje } : 'skip'
+		funcionarioId && dataHoje ? { funcionarioId, data: dataHoje, _refresh: refreshKey } : 'skip'
 	);
 
 	// Query para verificar dispensa ativa
@@ -284,6 +293,19 @@
 			justificativa = ''; // Limpar justificativa após registro
 			mostrandoModalConfirmacao = false;
 
+			// Forçar atualização das queries para mostrar o novo registro
+			refreshKey++;
+			
+			if (import.meta.env.DEV) {
+				console.log('[RegistroPonto] Registro bem-sucedido, refreshKey incrementado:', refreshKey);
+			}
+			
+			// Aguardar um pouco para garantir que o backend processou o registro
+			await new Promise(resolve => setTimeout(resolve, 500));
+			
+			// Forçar mais uma atualização após o delay para garantir sincronização
+			refreshKey++;
+
 			// Mostrar comprovante após 1 segundo
 			setTimeout(() => {
 				mostrandoComprovante = true;
@@ -799,7 +821,7 @@
 			{ tipo: 'saida', horario: config.horarioSaida, label: config.nomeSaida || 'Saída 2' }
 		];
 
-		return horarios.map((h) => {
+		const resultado = horarios.map((h) => {
 			const registro = registrosHoje.find((r) => r.tipo === h.tipo);
 			return {
 				...h,
@@ -808,6 +830,17 @@
 				dentroDoPrazo: registro?.dentroDoPrazo ?? null
 			};
 		});
+
+		// Log para debug (apenas em desenvolvimento)
+		if (import.meta.env.DEV) {
+			console.log('[RegistroPonto] mapaHorarios atualizado:', {
+				totalRegistrosHoje: registrosHoje.length,
+				horariosComRegistro: resultado.filter(h => h.registrado).length,
+				registrosHoje: registrosHoje.map(r => ({ tipo: r.tipo, hora: `${r.hora}:${r.minuto}` }))
+			});
+		}
+
+		return resultado;
 	});
 
 	// Dados do histórico e saldo