feat(ai): localize AI features

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'
     }