Enhance budget display and alerts

- Increase font size of "예산 목표 설정하기" text.
- Change budget bar color to yellow if remaining budget is less than 10%, and to red if over budget.
- Display "예산 초과" and the exceeded amount when the budget is exceeded.

src/components/BudgetTabContent.tsx

@@ -30,6 +30,27 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
   const percentage = calculatePercentage(spentAmount, targetAmount);
   const isFirstBudget = targetAmount === 0;
   
+  // 예산 초과 여부 계산
+  const isOverBudget = spentAmount > targetAmount;
+  // 예산이 얼마 남지 않은 경우 (10% 미만)
+  const isLowBudget = targetAmount > 0 && percentage >= 90 && percentage < 100;
+  
+  // 프로그레스 바 색상 결정
+  const progressBarColor = isOverBudget 
+    ? 'bg-red-500' 
+    : isLowBudget 
+      ? 'bg-yellow-400' 
+      : 'bg-neuro-income';
+  
+  // 남은 예산 또는 초과 예산 텍스트 및 금액
+  const budgetStatusText = isOverBudget 
+    ? '예산 초과: ' 
+    : '남은 예산: ';
+  
+  const budgetAmount = isOverBudget 
+    ? formatCurrency(Math.abs(targetAmount - spentAmount))
+    : formatCurrency(Math.max(0, targetAmount - spentAmount));
+  
   return (
     <div>
       {targetAmount > 0 ? (
@@ -41,14 +62,14 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
           
           <div className="w-full h-2 neuro-pressed overflow-hidden mb-3">
             <div 
-              className="h-full bg-neuro-income transition-all duration-700 ease-out"
+              className={`h-full ${progressBarColor} transition-all duration-700 ease-out`}
               style={{ width: `${percentage}%` }}
             />
           </div>
           
           <div className="flex justify-between items-center">
-            <div className="text-sm font-medium text-gray-500">
-              남은 예산: {formatCurrency(Math.max(0, targetAmount - spentAmount))}
+            <div className={`text-sm font-medium ${isOverBudget ? 'text-red-500' : 'text-gray-500'}`}>
+              {budgetStatusText}{budgetAmount}
             </div>
             <div className="text-sm font-medium text-gray-500">
               {percentage}%
@@ -58,7 +79,7 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
           <div className="mt-6">
             <button 
               onClick={() => setShowBudgetInput(!showBudgetInput)}
-              className="text-neuro-income text-sm font-medium hover:underline flex items-center"
+              className="text-neuro-income text-sm font-medium hover:underline flex items-center text-[15px]"
             >
               <Plus size={16} className="mr-1" /> 예산 수정하기
             </button>