Reverted to edit edt-8539f783-4c38-49ea-9c24-fdafcfaa7d4f: "Check iOS notch handling

Verify that the iOS notch handling feature is working correctly."

src/components/BudgetTabContent.tsx

@@ -7,13 +7,14 @@ import BudgetStatusDisplay from './budget/BudgetStatusDisplay';
 import BudgetInputButton from './budget/BudgetInputButton';
 import BudgetInputForm from './budget/BudgetInputForm';
 
-// 이 인터페이스는 이 컴포넌트가 받는 props를 명확히 정의합니다
-interface BudgetTabContentProps {
-  data: {
+interface BudgetData {
   targetAmount: number;
   spentAmount: number;
   remainingAmount: number;
-  };
+}
+
+interface BudgetTabContentProps {
+  data: BudgetData;
   formatCurrency: (amount: number) => string;
   calculatePercentage: (spent: number, target: number) => number;
   onSaveBudget: (amount: number, categoryBudgets?: Record<string, number>) => void;

src/components/RecentTransactionsSection.tsx

@@ -1,4 +1,3 @@
-
 import React from 'react';
 import { Transaction } from '@/contexts/budget/types';
 import TransactionEditDialog from './TransactionEditDialog';
@@ -9,7 +8,7 @@ import { useRecentTransactions } from '@/hooks/transactions/useRecentTransaction
 import { useRecentTransactionsDialog } from '@/hooks/transactions/useRecentTransactionsDialog';
 import RecentTransactionItem from './recent-transactions/RecentTransactionItem';
 
-export interface RecentTransactionsSectionProps {
+interface RecentTransactionsSectionProps {
   transactions: Transaction[];
   onUpdateTransaction?: (transaction: Transaction) => void;
 }

src/pages/Index.tsx

@@ -30,18 +30,11 @@ const Index = () => {
           </TabsList>
           
           <TabsContent value="budget" className="focus-visible:outline-none">
-            <BudgetTabContent 
-              data={budgetData.monthly}
-              formatCurrency={(amount) => `${amount.toLocaleString()}원`}
-              calculatePercentage={(spent, target) => (target > 0 ? (spent / target) * 100 : 0)}
-              onSaveBudget={(amount, categoryBudgets) => {
-                /* 예산 저장 로직 */
-              }}
-            />
+            <BudgetTabContent budgetData={budgetData.monthly} />
           </TabsContent>
           
           <TabsContent value="recent" className="focus-visible:outline-none">
-            <RecentTransactionsSection transactions={transactions} />
+            <RecentTransactionsSection />
           </TabsContent>
         </Tabs>
       </div>