Refactor expense form and categories

-   Rename "지출 추가" to "지출 입력" in the add expense dialog.
-   Rename "교통비" to "교통" in categories and ensure all 4 icons are displayed on a single line.

src/constants/categoryIcons.tsx

@@ -6,29 +6,30 @@ import { Coffee, Home, Car, Package, Banknote } from 'lucide-react';
 export const categoryIcons: Record<string, React.ReactNode> = {
   음식: <Coffee size={18} />,
   쇼핑: <Home size={18} />,
-  교통비: <Car size={18} />,
+  교통: <Car size={18} />,
   기타: <Package size={18} />,
   수입: <Banknote size={18} />,
 };
 
 // 지출 카테고리 목록 - 4개로 확장
-export const EXPENSE_CATEGORIES = ['음식', '쇼핑', '교통비', '기타'];
+export const EXPENSE_CATEGORIES = ['음식', '쇼핑', '교통', '기타'];
 
 // 카테고리 부가 설명 정의
 export const CATEGORY_DESCRIPTIONS: Record<string, string> = {
   음식: '(식비, 음료)',
   쇼핑: '',
-  교통비: '(차량 유지비)',
+  교통: '(차량 유지비)',
   기타: '(기타 지출)',
   식비: '(식비, 음료)',      // 이전 이름과의 호환성 유지
   생활비: '',                // 이전 이름과의 호환성 유지
+  교통비: '(차량 유지비)',   // 이전 이름과의 호환성 유지
 };
 
 // 기본 카테고리 예산 설정
 export const DEFAULT_CATEGORY_BUDGETS = {
   음식: 400000,
   쇼핑: 600000,
-  교통비: 200000,
+  교통: 200000,
   기타: 100000
 };