style: padroniza widgets e listas do dashboard

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

@@ -170,12 +170,12 @@ export function PurchasesByCategoryWidget({
 					}
 				/>
 			) : (
-				<ul className="flex flex-col">
+				<div className="flex flex-col">
 					{currentTransactions.map((transaction) => {
 						return (
-							<li
+							<div
 								key={transaction.id}
-								className="flex items-center justify-between gap-3 border-b border-dashed py-2 last:border-b-0 last:pb-0"
+								className="flex items-center justify-between gap-3 transition-all duration-300 py-2"
 							>
 								<div className="flex min-w-0 flex-1 items-center gap-3">
 									<EstabelecimentoLogo name={transaction.name} size={37} />
@@ -193,10 +193,10 @@ export function PurchasesByCategoryWidget({
 								<div className="shrink-0 text-foreground">
 									<MoneyValues amount={transaction.amount} />
 								</div>
-							</li>
+							</div>
 						);
 					})}
-				</ul>
+				</div>
 			)}
 		</div>
 	);