Refactor TransactionCard component

Refactor TransactionCard component into smaller, more manageable components without changing functionality.

src/components/TransactionEditDialog.tsx

@@ -16,7 +16,8 @@ import { Form } from '@/components/ui/form';
 import { toast } from '@/components/ui/use-toast';
 import TransactionFormFields, { 
   transactionFormSchema, 
-  formatWithCommas 
+  formatWithCommas,
+  TransactionFormValues
 } from './transaction/TransactionFormFields';
 import TransactionDeleteAlert from './transaction/TransactionDeleteAlert';
 
@@ -35,16 +36,16 @@ const TransactionEditDialog: React.FC<TransactionEditDialogProps> = ({
   onSave,
   onDelete
 }) => {
-  const form = useForm({
+  const form = useForm<TransactionFormValues>({
     resolver: zodResolver(transactionFormSchema),
     defaultValues: {
       title: transaction.title,
       amount: formatWithCommas(transaction.amount.toString()),
-      category: transaction.category as any,
+      category: transaction.category as '식비' | '생활비' | '교통비',
     },
   });
 
-  const handleSubmit = (values: any) => {
+  const handleSubmit = (values: TransactionFormValues) => {
     // Remove commas from amount string and convert to number
     const cleanAmount = values.amount.replace(/,/g, '');