chore: atualizar dependências e aplicar formatação

- Atualizar package.json e pnpm-lock.yaml
- Aplicar formatação Biome em widgets do dashboard
- Pequenos ajustes de estilo em componentes diversos

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

components/dashboard/boletos-widget.tsx

@@ -172,7 +172,7 @@ export function BoletosWidget({ boletos }: BoletosWidgetProps) {
 									className="flex items-center justify-between border-b border-dashed last:border-b-0 last:pb-0"
 								>
 									<div className="flex min-w-0 flex-1 items-center gap-3 py-2">
-										<EstabelecimentoLogo name={boleto.name} size={38} />
+										<EstabelecimentoLogo name={boleto.name} size={37} />
 
 										<div className="min-w-0">
 											<span className="block truncate text-sm font-medium text-foreground">

components/dashboard/invoices-widget.tsx

@@ -259,13 +259,13 @@ export function InvoicesWidget({ invoices }: InvoicesWidgetProps) {
 									className="flex items-center justify-between border-b border-dashed last:border-b-0 last:pb-0"
 								>
 									<div className="flex min-w-0 flex-1 items-center gap-2 py-2">
-										<div className="flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-lg">
+										<div className="flex size-9.5 shrink-0 items-center justify-center overflow-hidden rounded-lg">
 											{logo ? (
 												<Image
 													src={logo}
 													alt={`Logo do cartão ${invoice.cardName}`}
-													width={44}
-													height={44}
+													width={36}
+													height={36}
 													className="h-full w-full object-contain"
 												/>
 											) : (

components/dashboard/payment-conditions-widget.tsx

@@ -15,7 +15,7 @@ type PaymentConditionsWidgetProps = {
 };
 
 const CONDITION_ICON_CLASSES =
-	"flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground";
+	"flex size-9.5 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground";
 
 const CONDITION_ICONS: Record<string, ReactNode> = {
 	"À vista": <RiCheckLine className="size-5" aria-hidden />,

components/dashboard/payment-methods-widget.tsx

@@ -10,7 +10,7 @@ type PaymentMethodsWidgetProps = {
 };
 
 const ICON_WRAPPER_CLASS =
-	"flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground";
+	"flex size-9.5 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground";
 
 const formatPercentage = (value: number) =>
 	new Intl.NumberFormat("pt-BR", {

components/dashboard/purchases-by-category-widget.tsx

@@ -162,7 +162,7 @@ export function PurchasesByCategoryWidget({
 								className="flex items-center justify-between gap-3 border-b border-dashed py-2 last:border-b-0 last:pb-0"
 							>
 								<div className="flex min-w-0 flex-1 items-center gap-3">
-									<EstabelecimentoLogo name={transaction.name} size={38} />
+									<EstabelecimentoLogo name={transaction.name} size={37} />
 
 									<div className="min-w-0">
 										<p className="truncate text-sm font-medium text-foreground">

components/dashboard/recent-transactions-widget.tsx

@@ -41,7 +41,7 @@ export function RecentTransactionsWidget({
 								className="flex items-center justify-between gap-3 border-b border-dashed py-2 last:border-b-0 last:pb-0"
 							>
 								<div className="flex min-w-0 flex-1 items-center gap-3">
-									<EstabelecimentoLogo name={transaction.name} size={38} />
+									<EstabelecimentoLogo name={transaction.name} size={37} />
 
 									<div className="min-w-0">
 										<p className="truncate text-sm font-medium text-foreground">

components/dashboard/recurring-expenses-widget.tsx

@@ -39,7 +39,7 @@ export function RecurringExpensesWidget({
 							key={expense.id}
 							className="flex items-center gap-3 border-b border-dashed pb-2 last:border-b-0 last:pb-0"
 						>
-							<EstabelecimentoLogo name={expense.name} size={38} />
+							<EstabelecimentoLogo name={expense.name} size={37} />
 
 							<div className="min-w-0 flex-1">
 								<div className="flex items-center justify-between">

components/dashboard/top-establishments-widget.tsx

@@ -35,7 +35,7 @@ export function TopEstablishmentsWidget({
 								className="flex items-center justify-between gap-3 border-b border-dashed py-2 last:border-b-0 last:pb-0"
 							>
 								<div className="flex min-w-0 flex-1 items-center gap-3">
-									<EstabelecimentoLogo name={establishment.name} size={38} />
+									<EstabelecimentoLogo name={establishment.name} size={37} />
 
 									<div className="min-w-0">
 										<p className="truncate text-sm font-medium text-foreground">

components/dashboard/top-expenses-widget.tsx

@@ -114,7 +114,7 @@ export function TopExpensesWidget({
 								className="flex items-center justify-between gap-3 border-b border-dashed py-2 last:border-b-0 last:pb-0"
 							>
 								<div className="flex min-w-0 flex-1 items-center gap-3">
-									<EstabelecimentoLogo name={expense.name} size={38} />
+									<EstabelecimentoLogo name={expense.name} size={37} />
 
 									<div className="min-w-0">
 										<p className="truncate text-sm font-medium text-foreground">

components/dot-icon.tsx

@@ -1,11 +1,11 @@
 type DotIconProps = {
-	bg_dot: string;
+	color: string;
 };
 
-export default function DotIcon({ bg_dot }: DotIconProps) {
+export default function DotIcon({ color }: DotIconProps) {
 	return (
 		<span>
-			<span className={`${bg_dot} flex size-2 rounded-full`}></span>
+			<span className={`${color} flex size-2 rounded-full`}></span>
 		</span>
 	);
 }

components/faturas/invoice-summary-card.tsx

@@ -286,7 +286,7 @@ export function InvoiceSummaryCard({
 						value={
 							cardStatus ? (
 								<div className="flex items-center gap-1.5">
-									<DotIcon bg_dot={getCardStatusDotColor(cardStatus)} />
+									<DotIcon color={getCardStatusDotColor(cardStatus)} />
 									<span className="truncate">{cardStatus}</span>
 								</div>
 							) : (

components/lancamentos/select-items.tsx

@@ -56,7 +56,7 @@ export function TransactionTypeSelectContent({ label }: { label: string }) {
 
 	return (
 		<span className="flex items-center gap-2">
-			<DotIcon bg_dot={colorMap[label]} />
+			<DotIcon color={colorMap[label]} />
 			<span>{label}</span>
 		</span>
 	);

components/lancamentos/shared/estabelecimento-logo.tsx

@@ -56,7 +56,7 @@ export function EstabelecimentoLogo({
 	return (
 		<div
 			className={cn(
-				"flex items-center justify-center rounded-md text-white font-medium shrink-0 ",
+				"flex items-center justify-center rounded-lg text-white font-bold shrink-0",
 				colorClass,
 				className,
 			)}

components/top-estabelecimentos/establishments-list.tsx

@@ -75,7 +75,7 @@ export function EstablishmentsList({
 								<div className="flex items-center justify-between gap-3">
 									<div className="flex min-w-0 flex-1 items-center gap-2">
 										{/* Rank number - same size as icon containers */}
-										<div className="flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted">
+										<div className="flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted">
 											<span className="text-sm font-semibold text-muted-foreground">
 												{index + 1}
 											</span>

components/type-badge.tsx

@@ -56,7 +56,7 @@ export function TypeBadge({ type, className }: TypeBadgeProps) {
 				className,
 			)}
 		>
-			<DotIcon bg_dot={dotColor} />
+			<DotIcon color={dotColor} />
 			{label}
 		</Badge>
 	);