Fix: Ensure BudgetProvider usage

The `useBudget` hook was being called outside of the `BudgetProvider` context in the `Index` component. This commit ensures that the `Index` component and its children are wrapped with the `BudgetProvider` in `App.tsx` to resolve the error.

src/App.tsx

@@ -15,7 +15,7 @@ import HelpSupport from './pages/HelpSupport';
 import Analytics from './pages/Analytics';
 import Transactions from './pages/Transactions';
 import { AuthProvider } from './contexts/auth';
-import { BudgetProvider } from './contexts/budget';
+import { BudgetProvider } from './contexts/BudgetContext';
 import { Toaster } from '@/components/ui/toaster';
 import { Toaster as SonnerToaster} from '@/components/ui/sonner';
 import SafeAreaContainer from './components/SafeAreaContainer';

src/components/transaction/useTransactionEdit.ts

@@ -2,7 +2,7 @@
 import { useState, useRef, useEffect } from 'react';
 import { UseFormReturn, useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Transaction } from '@/components/TransactionCard';
+import { Transaction } from '@/contexts/budget/types';
 import { useBudget } from '@/contexts/BudgetContext';
 import { toast } from '@/components/ui/use-toast';
 import { TransactionFormValues, transactionFormSchema, formatWithCommas } from './TransactionFormFields';

src/contexts/budget/BudgetContext.tsx

@@ -20,4 +20,5 @@ export { useBudget } from './useBudget';
 export type { BudgetContextType } from './useBudget';
 
 // types.ts에서 타입들을 export
-export { BudgetPeriod, Transaction } from './types';
+export { BudgetPeriod } from './types';
+export type { Transaction } from './types';

src/contexts/budget/index.ts

@@ -3,8 +3,7 @@ export * from './BudgetContext';
 export * from './budgetUtils';
 export * from './storageUtils';
 
-// types.ts에서 BudgetPeriod와 다른 타입들을 내보내지만,
-// BudgetContextType은 이미 BudgetContext에서 내보내고 있으므로 제외
+// types.ts에서 타입들을 내보냅니다
 export type { 
   BudgetPeriod, 
   BudgetPeriodData,