Fix transaction deletion issue

Addresses the issue where deleting transactions caused the homepage and expense page to freeze.

src/hooks/transactions/transactionOperations/deleteOperation/deleteTransactionStorage.ts

@@ -6,7 +6,7 @@ import { deleteTransactionFromSupabase } from '../../supabaseUtils';
 import { toast } from '@/hooks/useToast.wrapper';
 
 /**
- * 스토리지 및 Supabase 삭제 처리 - 완전히 개선된 버전
+ * 스토리지 및 Supabase 삭제 처리 - 오류 회복 및 성능 개선 버전
  */
 export const handleDeleteStorage = (
   updatedTransactions: Transaction[],
@@ -15,61 +15,49 @@ export const handleDeleteStorage = (
   pendingDeletionRef: MutableRefObject<Set<string>>
 ): Promise<boolean> => {
   return new Promise((resolve) => {
-    // 연속 호출 방지 (이미 완료된 요청일 경우 처리하지 않음)
-    if (!pendingDeletionRef.current.has(id)) {
-      console.warn('삭제 요청이 이미 완료되었습니다. ID:', id);
-      resolve(true);
-      return;
-    }
-
     try {
-      // 로컬 스토리지 동기 처리 (즉시 처리)
+      // 즉시 로컬 스토리지 업데이트 (UI 응답성 향상)
       try {
         saveTransactionsToStorage(updatedTransactions);
         console.log('로컬 스토리지 저장 완료 (ID: ' + id + ')');
       } catch (storageError) {
         console.error('로컬 스토리지 저장 실패:', storageError);
+        // 로컬 저장 실패해도 계속 진행 (Supabase 시도)
       }
       
-      // Supabase 처리 (비동기)
-      if (user) {
-        // 최대 3초 타임아웃 (UI 블로킹 방지)
-        const timeoutId = setTimeout(() => {
-          console.log('Supabase 삭제 타임아웃 - UI 정상화 처리');
-          pendingDeletionRef.current.delete(id);
-          resolve(true);
-        }, 3000);
-        
-        // Supabase 호출 시도
-        try {
-          deleteTransactionFromSupabase(user, id)
-            .then(() => {
-              console.log('Supabase 삭제 완료:', id);
-              clearTimeout(timeoutId); // 타임아웃 제거
-              pendingDeletionRef.current.delete(id);
-              resolve(true);
-            })
-            .catch(error => {
-              console.error('Supabase 삭제 오류:', error);
-              clearTimeout(timeoutId); // 타임아웃 제거
-              pendingDeletionRef.current.delete(id);
-              resolve(true); // UI는 이미 업데이트되어 있으므로 true 반환
-            });
-        } catch (e) {
-          console.error('Supabase 작업 시작 실패:', e);
-          clearTimeout(timeoutId);
-          pendingDeletionRef.current.delete(id);
-          resolve(true);
-        }
-      } else {
-        // 로그인하지 않은 경우 바로 완료 처리
+      // Supabase가 없거나 사용자가 로그인하지 않은 경우 즉시 완료 처리
+      if (!user) {
+        console.log('로그인 안 됨 - 로컬 삭제만 수행:', id);
         pendingDeletionRef.current.delete(id);
         resolve(true);
+        return;
       }
+      
+      // 최대 2초 타임아웃 (UI 블로킹 방지 - 짧게 설정)
+      const timeoutId = setTimeout(() => {
+        console.log('Supabase 삭제 타임아웃 - UI 정상화 처리');
+        pendingDeletionRef.current.delete(id);
+        resolve(true); // 타임아웃되어도 삭제는 성공으로 간주 (UI에는 이미 반영됨)
+      }, 2000);
+      
+      // Supabase에 삭제 요청 시도
+      deleteTransactionFromSupabase(user, id)
+        .then(() => {
+          console.log('Supabase 삭제 완료:', id);
+          clearTimeout(timeoutId); // 타임아웃 제거
+          pendingDeletionRef.current.delete(id);
+          resolve(true);
+        })
+        .catch(error => {
+          console.error('Supabase 삭제 오류:', error);
+          clearTimeout(timeoutId); // 타임아웃 제거
+          pendingDeletionRef.current.delete(id);
+          resolve(true); // UI는 이미 업데이트되어 있으므로 true 반환
+        });
     } catch (error) {
       console.error('스토리지 작업 중 일반 오류:', error);
       pendingDeletionRef.current.delete(id); // 항상 pending 상태 제거
-      resolve(false);
+      resolve(true); // 로컬 UI는 이미 업데이트되었으므로 사용자 경험을 위해 성공 반환
     }
   });
 };