Adjust transaction item font sizes

Adjusted font sizes for title and amount in transaction cards for visual consistency.

src/components/TransactionCard.tsx

@@ -1,3 +1,4 @@
+
 import React, { useState } from 'react';
 import { cn } from '@/lib/utils';
 import TransactionEditDialog from './TransactionEditDialog';

src/components/transaction/TransactionAmount.tsx

@@ -1,25 +1,17 @@
 
 import React from 'react';
-import { ArrowDownIcon } from 'lucide-react';
+import { formatCurrency } from '@/utils/formatters';
 
 interface TransactionAmountProps {
   amount: number;
 }
 
 const TransactionAmount: React.FC<TransactionAmountProps> = ({ amount }) => {
-  // 금액을 한국 통화 형식으로 포맷팅 (소수점 제거)
-  const formattedAmount = new Intl.NumberFormat('ko-KR', {
-    style: 'currency',
-    currency: 'KRW',
-    maximumFractionDigits: 0
-  }).format(Math.abs(amount));
-
   return (
-    <div className="flex items-center gap-1">
-      <ArrowDownIcon size={12} className="text-neuro-income" />
-      <span className="font-medium text-neuro-income">
-        {formattedAmount}
-      </span>
+    <div className="text-right">
+      <p className="font-semibold text-neuro-income text-sm">
+        -{formatCurrency(amount)}
+      </p>
     </div>
   );
 };

src/components/transaction/TransactionDetails.tsx

@@ -1,3 +1,4 @@
+
 import React from 'react';
 interface TransactionDetailsProps {
   title: string;
@@ -12,4 +13,4 @@ const TransactionDetails: React.FC<TransactionDetailsProps> = ({
       <p className="text-xs text-gray-500 text-left">{date || '날짜 정보 없음'}</p>
     </div>;
 };
-export default TransactionDetails;
+export default TransactionDetails;