Enhance budget input display

- Display existing values in budget input fields.
- Remove recessed boxes from category inputs.
- Add icons to 식비, 생활비, and 교통비 categories.

src/components/BudgetTabContent.tsx

@@ -67,6 +67,21 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
     setShowBudgetInput(false);
   };
 
+  // 기존 카테고리 예산 불러오기
+  useEffect(() => {
+    if (showBudgetInput) {
+      // 로컬 스토리지에서 카테고리 예산 불러오기
+      try {
+        const storedCategoryBudgets = localStorage.getItem('categoryBudgets');
+        if (storedCategoryBudgets) {
+          setCategoryBudgets(JSON.parse(storedCategoryBudgets));
+        }
+      } catch (error) {
+        console.error('카테고리 예산 불러오기 오류:', error);
+      }
+    }
+  }, [showBudgetInput]);
+
   return <div>
       {targetAmount > 0 ? <>
           <div className="flex justify-between items-center mb-3">
@@ -92,12 +107,12 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
           <div className="mt-6">
             <button 
               onClick={() => setShowBudgetInput(true)} 
-              className="text-neuro-income hover:underline flex items-center text-base font-bold group"
+              className="text-neuro-income hover:underline flex items-center text-lg font-bold group"
             >
               <div className="mr-2 bg-neuro-income text-white rounded-full p-1 transition-transform group-hover:scale-110">
                 <CirclePlus size={20} className="animate-pulse" />
               </div> 
-              <span className="text-lg">예산 수정하기</span>
+              <span>예산 수정하기</span>
             </button>
           </div>
         </> : <div className="py-4 text-center">