feat(v1.5.3): status de pagamento no painel do pagador + SEO landing + WebP

- Card de Status de Pagamento com totais pagos/pendentes e lista de boletos individuais
- Validação obrigatória de categoria/conta/cartão no dialog de lançamento (client + server)
- SEO completo na landing: Open Graph, Twitter Card, JSON-LD, sitemap.xml, robots.txt
- Imagens convertidas de PNG para WebP (performance)
- HTML lang corrigido para pt-BR; template de título dinâmico

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

components/lancamentos/dialogs/lancamento-dialog/lancamento-dialog.tsx

@@ -215,6 +215,27 @@ export function LancamentoDialog({
 
 			const sanitizedAmount = Math.abs(amountValue);
 
+			if (!formState.categoriaId) {
+				const message = "Selecione uma categoria.";
+				setErrorMessage(message);
+				toast.error(message);
+				return;
+			}
+
+			if (formState.paymentMethod === "Cartão de crédito") {
+				if (!formState.cartaoId) {
+					const message = "Selecione o cartão.";
+					setErrorMessage(message);
+					toast.error(message);
+					return;
+				}
+			} else if (!formState.contaId) {
+				const message = "Selecione a conta.";
+				setErrorMessage(message);
+				toast.error(message);
+				return;
+			}
+
 			const payload = {
 				purchaseDate: formState.purchaseDate,
 				period: formState.period,
@@ -382,6 +403,7 @@ export function LancamentoDialog({
 				<form
 					className="space-y-2 -mx-6 max-h-[80vh] overflow-y-auto px-6 pb-1"
 					onSubmit={handleSubmit}
+					noValidate
 				>
 					<BasicFieldsSection
 						formState={formState}