Fix module import errors

Corrected import paths for '@/contexts/BudgetContext' in multiple components to resolve module not found errors.

src/components/RecentTransactionsSection.tsx

@@ -1,8 +1,8 @@
 import React, { useState, useCallback, useRef } from 'react';
-import { Transaction } from './TransactionCard';
+import { Transaction } from '@/contexts/budget/types';
 import TransactionEditDialog from './TransactionEditDialog';
 import { ChevronRight } from 'lucide-react';
-import { useBudget } from '@/contexts/BudgetContext';
+import { useBudget } from '@/contexts/budget/BudgetContext';
 import { Link } from 'react-router-dom';
 import { categoryIcons } from '@/constants/categoryIcons';
 import TransactionIcon from './transaction/TransactionIcon';
@@ -154,7 +154,8 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
   const formatCurrency = (amount: number) => {
     return amount.toLocaleString('ko-KR') + '원';
   };
-  return <div className="mt-4 mb-[40px]">
+  return (
+    <div className="mt-4 mb-[40px]">
       <div className="flex justify-between items-center mb-2">
         <h2 className="text-lg font-semibold">최근 지출</h2>
         <Link to="/transactions" className="text-sm text-neuro-income flex items-center">
@@ -163,28 +164,47 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
       </div>
       
       <div className="neuro-card divide-y divide-gray-100 w-full">
-        {transactions.length > 0 ? transactions.map(transaction => <div key={transaction.id} onClick={() => handleTransactionClick(transaction)} className="flex justify-between py-2 cursor-pointer px-[5px] bg-transparent">
-            <div className="flex items-center">
-              <TransactionIcon category={transaction.category} />
-              <div className="ml-3">
-                <h3 className="font-medium text-black text-left text-sm">
-                  {transaction.title}
-                </h3>
-                <p className="text-xs text-gray-500">{transaction.date}</p>
+        {transactions.length > 0 ? (
+          transactions.map(transaction => (
+            <div
+              key={transaction.id}
+              onClick={() => handleTransactionClick(transaction)}
+              className="flex justify-between py-2 cursor-pointer px-[5px] bg-transparent"
+            >
+              <div className="flex items-center">
+                <TransactionIcon category={transaction.category} />
+                <div className="ml-3">
+                  <h3 className="font-medium text-black text-left text-sm">
+                    {transaction.title}
+                  </h3>
+                  <p className="text-xs text-gray-500">{transaction.date}</p>
+                </div>
+              </div>
+              <div className="text-right">
+                <p className="font-semibold text-neuro-income text-sm">
+                  -{formatCurrency(transaction.amount)}
+                </p>
+                <p className="text-xs text-gray-500">{transaction.category}</p>
               </div>
             </div>
-            <div className="text-right">
-              <p className="font-semibold text-neuro-income text-sm">
-                -{formatCurrency(transaction.amount)}
-              </p>
-              <p className="text-xs text-gray-500">{transaction.category}</p>
-            </div>
-          </div>) : <div className="py-3 text-center text-gray-500">
+          ))
+        ) : (
+          <div className="py-3 text-center text-gray-500">
             지출 내역이 없습니다
-          </div>}
+          </div>
+        )}
       </div>
 
-      {selectedTransaction && <TransactionEditDialog transaction={selectedTransaction} open={isDialogOpen} onOpenChange={setIsDialogOpen} onSave={handleUpdateTransaction} onDelete={handleDeleteTransaction} />}
-    </div>;
+      {selectedTransaction && (
+        <TransactionEditDialog
+          transaction={selectedTransaction}
+          open={isDialogOpen}
+          onOpenChange={setIsDialogOpen}
+          onSave={handleUpdateTransaction}
+          onDelete={handleDeleteTransaction}
+        />
+      )}
+    </div>
+  );
 };
 export default RecentTransactionsSection;