feat(ai): localize AI features

keep-notes/components/settings/SettingInput.tsx

@@ -5,6 +5,7 @@ import { Label } from '@/components/ui/label'
 import { Loader2, Check } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import { toast } from 'sonner'
+import { useLanguage } from '@/lib/i18n'
 
 interface SettingInputProps {
   label: string
@@ -25,6 +26,7 @@ export function SettingInput({
   placeholder,
   disabled
 }: SettingInputProps) {
+  const { t } = useLanguage()
   const [isLoading, setIsLoading] = useState(false)
   const [isSaved, setIsSaved] = useState(false)
 
@@ -35,15 +37,12 @@ export function SettingInput({
     try {
       await onChange(newValue)
       setIsSaved(true)
-      toast.success('Setting saved')
+      toast.success(t('toast.saved'))
 
-      // Clear saved indicator after 2 seconds
       setTimeout(() => setIsSaved(false), 2000)
     } catch (err) {
       console.error('Error updating setting:', err)
-      toast.error('Failed to save setting', {
-        description: 'Please try again'
-      })
+      toast.error(t('toast.saveFailed'))
     } finally {
       setIsLoading(false)
     }

keep-notes/components/settings/SettingSelect.tsx

@@ -5,6 +5,7 @@ import { Label } from '@/components/ui/label'
 import { Loader2 } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import { toast } from 'sonner'
+import { useLanguage } from '@/lib/i18n'
 
 interface SelectOption {
   value: string
@@ -29,6 +30,7 @@ export function SettingSelect({
   onChange,
   disabled
 }: SettingSelectProps) {
+  const { t } = useLanguage()
   const [isLoading, setIsLoading] = useState(false)
 
   const handleChange = async (newValue: string) => {
@@ -36,14 +38,10 @@ export function SettingSelect({
 
     try {
       await onChange(newValue)
-      toast.success('Setting saved', {
-        description: `${label} has been updated`
-      })
+      toast.success(t('toast.saved'))
     } catch (err) {
       console.error('Error updating setting:', err)
-      toast.error('Failed to save setting', {
-        description: 'Please try again'
-      })
+      toast.error(t('toast.saveFailed'))
     } finally {
       setIsLoading(false)
     }

keep-notes/components/settings/SettingToggle.tsx

@@ -6,6 +6,7 @@ import { Label } from '@/components/ui/label'
 import { Loader2, Check, X } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import { toast } from 'sonner'
+import { useLanguage } from '@/lib/i18n'
 
 interface SettingToggleProps {
   label: string
@@ -22,6 +23,7 @@ export function SettingToggle({
   onChange,
   disabled
 }: SettingToggleProps) {
+  const { t } = useLanguage()
   const [isLoading, setIsLoading] = useState(false)
   const [error, setError] = useState(false)
 
@@ -31,15 +33,11 @@ export function SettingToggle({
 
     try {
       await onChange(newChecked)
-      toast.success('Setting saved', {
-        description: `${label} has been ${newChecked ? 'enabled' : 'disabled'}`
-      })
+      toast.success(t('toast.saved'))
     } catch (err) {
       console.error('Error updating setting:', err)
       setError(true)
-      toast.error('Failed to save setting', {
-        description: 'Please try again'
-      })
+      toast.error(t('toast.saveFailed'))
     } finally {
       setIsLoading(false)
     }

keep-notes/components/settings/SettingsNav.tsx

@@ -4,6 +4,7 @@ import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 import { Settings, Sparkles, Palette, User, Database, Info, Check } from 'lucide-react'
 import { cn } from '@/lib/utils'
+import { useLanguage } from '@/lib/i18n'
 
 interface SettingsSection {
   id: string
@@ -18,41 +19,42 @@ interface SettingsNavProps {
 
 export function SettingsNav({ className }: SettingsNavProps) {
   const pathname = usePathname()
+  const { t } = useLanguage()
 
   const sections: SettingsSection[] = [
     {
       id: 'general',
-      label: 'General',
+      label: t('generalSettings.title'),
       icon: <Settings className="h-5 w-5" />,
       href: '/settings/general'
     },
     {
       id: 'ai',
-      label: 'AI',
+      label: t('aiSettings.title'),
       icon: <Sparkles className="h-5 w-5" />,
       href: '/settings/ai'
     },
     {
       id: 'appearance',
-      label: 'Appearance',
+      label: t('appearance.title'),
       icon: <Palette className="h-5 w-5" />,
       href: '/settings/appearance'
     },
     {
       id: 'profile',
-      label: 'Profile',
+      label: t('profile.title'),
       icon: <User className="h-5 w-5" />,
       href: '/settings/profile'
     },
     {
       id: 'data',
-      label: 'Data',
+      label: t('dataManagement.title'),
       icon: <Database className="h-5 w-5" />,
       href: '/settings/data'
     },
     {
       id: 'about',
-      label: 'About',
+      label: t('about.title'),
       icon: <Info className="h-5 w-5" />,
       href: '/settings/about'
     }