refactor: substitui '•' por '-' em textos de exibição

As alterações consistem na substituição do caractere '•' por '-' em várias partes do código, visando padronizar a formatação dos textos exibidos. Essa mudança foi aplicada em componentes como `event-modal`, `accounts-page`, `expenses-by-category-widget`, `income-by-category-widget`, `pending-invoice-card`, entre outros, para melhorar a consistência visual da interface.

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

@@ -160,7 +160,7 @@ export function ExpensesByCategoryWidget({
                   {budgetExceeded ? (
                     <>
                       {formatPercentage(category.budgetUsedPercentage)} do
-                      limite • excedeu em {formatCurrency(exceededAmount)}
+                      limite - excedeu em {formatCurrency(exceededAmount)}
                     </>
                   ) : (
                     <>

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

@@ -162,7 +162,7 @@ export function IncomeByCategoryWidget({
                     {budgetExceeded ? (
                       <>
                         {formatPercentage(category.budgetUsedPercentage)} do
-                        limite {formatCurrency(category.budgetAmount)} • excedeu
+                        limite {formatCurrency(category.budgetAmount)} - excedeu
                         em {formatCurrency(exceededAmount)}
                       </>
                     ) : (

components/dashboard/installment-analysis/pending-invoice-card.tsx

@@ -5,7 +5,11 @@ import { Badge } from "@/components/ui/badge";
 import { Card, CardContent } from "@/components/ui/card";
 import { Checkbox } from "@/components/ui/checkbox";
 import { cn } from "@/lib/utils/ui";
-import { RiArrowDownSLine, RiArrowRightSLine, RiBillLine } from "@remixicon/react";
+import {
+  RiArrowDownSLine,
+  RiArrowRightSLine,
+  RiBillLine,
+} from "@remixicon/react";
 import { format, parse } from "date-fns";
 import { ptBR } from "date-fns/locale";
 import { useState } from "react";
@@ -68,7 +72,7 @@ export function PendingInvoiceCard({
                 </div>
                 <div className="mt-1 flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
                   <span className="capitalize">{periodText}</span>
-                  <span>•</span>
+                  <span>-</span>
                   <span>Vencimento: {dueDateText}</span>
                 </div>
               </div>
@@ -144,13 +148,13 @@ export function PendingInvoiceCard({
                         <span>{purchaseDate}</span>
                         {installmentLabel && (
                           <>
-                            <span>•</span>
+                            <span>-</span>
                             <span>Parcela {installmentLabel}</span>
                           </>
                         )}
                         {lancamento.condition !== "Parcelado" && (
                           <>
-                            <span>•</span>
+                            <span>-</span>
                             <span>{lancamento.condition}</span>
                           </>
                         )}

components/dashboard/installment-expenses-widget.tsx

@@ -173,8 +173,8 @@ export function InstallmentExpensesWidget({
 
                 <p className="text-xs text-muted-foreground mt-1">
                   Restantes {remainingInstallments}
-                  {endDate && ` • Termina em ${endDate}`}
-                  {" • Restante "}
+                  {endDate && ` - Termina em ${endDate}`}
+                  {" - Restante "}
                   <MoneyValues
                     amount={remainingAmount}
                     className="inline-block font-medium"

components/dashboard/recurring-expenses-widget.tsx

@@ -55,7 +55,7 @@ export function RecurringExpensesWidget({
                   <span className="inline-flex items-center gap-1">
                     {expense.paymentMethod}
                   </span>
-                  •<span>{formatOccurrences(expense.recurrenceCount)}</span>
+                  -<span>{formatOccurrences(expense.recurrenceCount)}</span>
                 </div>
               </div>
             </li>