feat(pagadores): adicionar widget no dashboard e atualizar avatares

- Novo widget de pagadores no dashboard com resumo de transações
- Substituir avatares SVG por PNG com melhor qualidade
- Melhorar seção de pagador no diálogo de lançamentos
- Adicionar ação para buscar pagadores por nome
- Atualizar componentes de seleção (cartões, categorias, contas)
- Melhorias no layout de ajustes e relatórios

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

components/dashboard/dashboard-grid-editable.tsx

@@ -115,13 +115,24 @@ export function DashboardGridEditable({
 		}
 	}, []);
 
-	const handleToggleWidget = useCallback((widgetId: string) => {
-		setHiddenWidgets((prev) =>
-			prev.includes(widgetId)
-				? prev.filter((id) => id !== widgetId)
-				: [...prev, widgetId],
-		);
-	}, []);
+	const handleToggleWidget = useCallback(
+		(widgetId: string) => {
+			const newHidden = hiddenWidgets.includes(widgetId)
+				? hiddenWidgets.filter((id) => id !== widgetId)
+				: [...hiddenWidgets, widgetId];
+
+			setHiddenWidgets(newHidden);
+
+			// Salvar automaticamente ao toggle
+			startTransition(async () => {
+				await updateWidgetPreferences({
+					order: widgetOrder,
+					hidden: newHidden,
+				});
+			});
+		},
+		[hiddenWidgets, widgetOrder],
+	);
 
 	const handleHideWidget = useCallback((widgetId: string) => {
 		setHiddenWidgets((prev) => [...prev, widgetId]);