Fix: Resolve TypeScript errors

- Import `CloudSync` from `lucide-react`
- Define `EXPENSE_CATEGORIES` in `AddTransactionButton.tsx`

src/components/AddTransactionButton.tsx

@@ -18,6 +18,9 @@ interface ExpenseFormValues {
   category: string;
 }
 
+// Define expense categories
+const EXPENSE_CATEGORIES = ['식비', '생활비', '교통비'];
+
 // Define category icons mapping
 const categoryIcons: Record<string, React.ReactNode> = {
   식비: <Coffee size={18} />,

src/components/SyncSettings.tsx

@@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react';
 import { Button } from '@/components/ui/button';
 import { Switch } from '@/components/ui/switch';
 import { Label } from '@/components/ui/label';
-import { Loader2, CloudSync } from 'lucide-react';
+import { Loader2, CloudUpload } from 'lucide-react';
 import { isSyncEnabled, setSyncEnabled, syncAllData } from '@/utils/syncUtils';
 import { supabase } from '@/lib/supabase';
 import { toast } from '@/components/ui/use-toast';
@@ -100,7 +100,7 @@ const SyncSettings = () => {
               </>
             ) : (
               <>
-                <CloudSync className="mr-2 h-4 w-4" />
+                <CloudUpload className="mr-2 h-4 w-4" />
                 지금 동기화
               </>
             )}