Navigate to transactions on click

Implement navigation to the transactions page when the "모든 지출 보기" button is clicked.

src/components/RecentTransactionsSection.tsx

@@ -1,11 +1,21 @@
+
 import React from 'react';
+import { useNavigate } from 'react-router-dom';
 import TransactionCard, { Transaction } from '@/components/TransactionCard';
+
 interface RecentTransactionsSectionProps {
   transactions: Transaction[];
 }
+
 const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
   transactions
 }) => {
+  const navigate = useNavigate();
+  
+  const handleViewAllTransactions = () => {
+    navigate('/transactions');
+  };
+  
   return <>
       <h2 className="text-lg font-semibold mb-3 mt-8">최근 지출</h2>
       <div className="grid gap-3 mb-6">
@@ -13,8 +23,14 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
       </div>
       
       <div className="flex justify-center mb-6">
-        <button className="text-neuro-income font-medium">모든 지출 보기</button>
+        <button 
+          className="text-neuro-income font-medium hover:underline"
+          onClick={handleViewAllTransactions}
+        >
+          모든 지출 보기
+        </button>
       </div>
     </>;
 };
-export default RecentTransactionsSection;
+
+export default RecentTransactionsSection;