Add spacing below last card

Adds 30px of spacing below the last card on the screen.

src/components/RecentTransactionsSection.tsx

@@ -1,3 +1,4 @@
+
 import React, { useState, useCallback, useRef } from 'react';
 import { Transaction } from '@/contexts/budget/types';
 import TransactionEditDialog from './TransactionEditDialog';
@@ -155,7 +156,7 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
     return amount.toLocaleString('ko-KR') + '원';
   };
   return (
-    <div className="mt-4 mb-[40px]">
+    <div className="mt-4 mb-[30px]">
       <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">

src/components/home/HomeContent.tsx

@@ -48,7 +48,7 @@ const HomeContent: React.FC<HomeContentProps> = ({
   getCategorySpending
 }) => {
   return (
-    <>
+    <div className="pb-[30px]">
       {/* 지출 카테고리 */}
       {getCategorySpending().some(cat => cat.current > 0 || cat.total > 0) ? (
         <BudgetCategoriesSection categories={getCategorySpending()} />
@@ -74,12 +74,12 @@ const HomeContent: React.FC<HomeContentProps> = ({
           onUpdateTransaction={updateTransaction}
         />
       ) : (
-        <div className="mt-4">
+        <div className="mt-4 mb-[30px]">
           <h2 className="text-lg font-semibold mb-3">최근 지출</h2>
           <EmptyState />
         </div>
       )}
-    </>
+    </div>
   );
 };