UI 수정

src/pages/transaction/all-transaction/list-page.tsx

@@ -280,11 +280,12 @@ export const AllTransactionListPage = () => {
 								<div className="detail-item">
 									<span className="detail-label">{t('transaction.transactionCount')}</span>
 									<span className="detail-value">
+                    { t('transaction.total') + ' '}
                     <NumericFormat
                       value={ totalCount }
+                      allowNegative={ true }
                       thousandSeparator
                       displayType="text"
-                      prefix={t('transaction.total') + ' '}
                       suffix={' ' + t('home.count')}
                     ></NumericFormat>
                   </span>

src/pages/transaction/cash-receipt/list-page.tsx

@@ -221,11 +221,11 @@ export const CashReceiptListPage = () => {
 										{t('home.money', { value: new Intl.NumberFormat('en-US').format(approvalAmount || 0) })}
 									</strong>
 									<span className="count">
+										(
 										<NumericFormat
 											value={ approvalCount }
 											thousandSeparator
 											displayType="text"
-											prefix='('
 											suffix='건)'
 										></NumericFormat>
 									</span>
@@ -236,11 +236,12 @@ export const CashReceiptListPage = () => {
 										{t('home.money', { value: new Intl.NumberFormat('en-US').format(cancelAmount || 0) })}
 									</strong>
 									<span className="count">
+										(
 										<NumericFormat
 											value={ cancelCount }
+											allowNegative={ true }
 											thousandSeparator
 											displayType="text"
-											prefix='('
 											suffix='건)'
 										></NumericFormat>
 									</span>