style: padroniza widgets e listas do dashboard

src/features/dashboard/components/installment-expenses/installment-expense-list-item.tsx

@@ -26,7 +26,7 @@ export function InstallmentExpenseListItem({
 	} = buildInstallmentExpenseDisplay(expense);
 
 	return (
-		<li className="flex items-center gap-3 border-b border-dashed pb-3 last:border-b-0 last:pb-0">
+		<div className="flex items-center gap-3 transition-all duration-300 py-2">
 			<div className="min-w-0 flex-1">
 				<div className="flex items-center justify-between gap-3">
 					<div className="flex min-w-0 items-center gap-2">
@@ -71,6 +71,6 @@ export function InstallmentExpenseListItem({
 
 				<Progress value={progress} className="mt-1 h-2" />
 			</div>
-		</li>
+		</div>
 	);
 }

src/features/dashboard/components/installment-expenses/installment-expenses-list.tsx

@@ -21,7 +21,7 @@ export function InstallmentExpensesList({
 	}
 
 	return (
-		<ul className="flex flex-col gap-2">
+		<ul className="flex flex-col">
 			{expenses.map((expense) => (
 				<InstallmentExpenseListItem key={expense.id} expense={expense} />
 			))}

src/features/dashboard/components/installment-expenses/installment-expenses-widget-view.tsx

@@ -9,7 +9,7 @@ export function InstallmentExpensesWidgetView({
 	data,
 }: InstallmentExpensesWidgetViewProps) {
 	return (
-		<div className="flex flex-col gap-4 px-0">
+		<div className="flex flex-col">
 			<InstallmentExpensesList expenses={data.expenses} />
 		</div>
 	);