Fix transaction deletion issue

Addresses the issue where deleting a transaction in the transaction history would cause the application to freeze.

src/components/transaction/TransactionDeleteAlert.tsx

@@ -1,7 +1,7 @@
 
-import React from 'react';
+import React, { useState } from 'react';
 import { Button } from '@/components/ui/button';
-import { Trash2 } from 'lucide-react';
+import { Trash2, Loader2 } from 'lucide-react';
 import {
   AlertDialog,
   AlertDialogAction,
@@ -19,15 +19,30 @@ interface TransactionDeleteAlertProps {
 }
 
 const TransactionDeleteAlert: React.FC<TransactionDeleteAlertProps> = ({ onDelete }) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [isDeleting, setIsDeleting] = useState(false);
+  
+  const handleDelete = async () => {
+    try {
+      setIsDeleting(true);
+      await onDelete();
+      setIsOpen(false);
+    } catch (error) {
+      console.error('삭제 작업 처리 중 오류:', error);
+    } finally {
+      setIsDeleting(false);
+    }
+  };
+  
   return (
-    <AlertDialog>
+    <AlertDialog open={isOpen} onOpenChange={setIsOpen}>
       <AlertDialogTrigger asChild>
         <Button 
           type="button" 
           variant="outline"
           className="border-red-200 text-red-500 hover:bg-red-50"
         >
-          <Trash2 size={16} />
+          <Trash2 size={16} className="mr-1" />
           삭제
         </Button>
       </AlertDialogTrigger>
@@ -39,13 +54,24 @@ const TransactionDeleteAlert: React.FC<TransactionDeleteAlertProps> = ({ onDelet
           </AlertDialogDescription>
         </AlertDialogHeader>
         <AlertDialogFooter>
-          <AlertDialogCancel>취소</AlertDialogCancel>
-          <AlertDialogAction 
+          <AlertDialogCancel disabled={isDeleting}>취소</AlertDialogCancel>
+          <Button 
             className="bg-red-500 hover:bg-red-600"
-            onClick={onDelete}
+            onClick={handleDelete}
+            disabled={isDeleting}
           >
-            삭제
-          </AlertDialogAction>
+            {isDeleting ? (
+              <>
+                <Loader2 size={16} className="mr-1 animate-spin" />
+                삭제 중...
+              </>
+            ) : (
+              <>
+                <Trash2 size={16} className="mr-1" />
+                삭제
+              </>
+            )}
+          </Button>
         </AlertDialogFooter>
       </AlertDialogContent>
     </AlertDialog>