feat(ai): localize AI features

keep-notes/app/(main)/settings/general/page.tsx

@@ -4,9 +4,10 @@ import { useState, useEffect } from 'react'
 import { SettingsNav, SettingsSection, SettingToggle, SettingSelect } from '@/components/settings'
 import { useLanguage } from '@/lib/i18n'
 import { updateAISettings, getAISettings } from '@/app/actions/ai-settings'
+import { toast } from 'sonner'
 
 export default function GeneralSettingsPage() {
-  const { t } = useLanguage()
+  const { t, setLanguage: setContextLanguage } = useLanguage()
   const [language, setLanguage] = useState('auto')
   const [emailNotifications, setEmailNotifications] = useState(false)
   const [desktopNotifications, setDesktopNotifications] = useState(false)
@@ -30,7 +31,22 @@ export default function GeneralSettingsPage() {
 
   const handleLanguageChange = async (value: string) => {
     setLanguage(value)
+
+    // 1. Update database settings
     await updateAISettings({ preferredLanguage: value as any })
+
+    // 2. Update local storage and application state
+    if (value === 'auto') {
+      localStorage.removeItem('user-language')
+      toast.success("Language set to Auto")
+    } else {
+      localStorage.setItem('user-language', value)
+      setContextLanguage(value as any)
+      toast.success(t('profile.languageUpdateSuccess') || "Language updated")
+    }
+
+    // 3. Force reload to ensure all components update (server components, metadata, etc.)
+    setTimeout(() => window.location.reload(), 500)
   }
 
   const handleEmailNotificationsChange = async (enabled: boolean) => {
@@ -51,23 +67,23 @@ export default function GeneralSettingsPage() {
   return (
     <div className="space-y-6">
       <div>
-        <h1 className="text-3xl font-bold mb-2">General Settings</h1>
+        <h1 className="text-3xl font-bold mb-2">{t('generalSettings.title')}</h1>
         <p className="text-gray-600 dark:text-gray-400">
-          Configure basic application preferences
+          {t('generalSettings.description')}
         </p>
       </div>
 
       <SettingsSection
-        title="Language & Region"
+        title={t('settings.language')}
         icon={<span className="text-2xl">🌍</span>}
-        description="Choose your preferred language and regional settings"
+        description={t('profile.languagePreferencesDescription')}
       >
         <SettingSelect
-          label="Language"
-          description="Select interface language"
+          label={t('settings.language')}
+          description={t('settings.selectLanguage')}
           value={language}
           options={[
-            { value: 'auto', label: 'Auto-detect' },
+            { value: 'auto', label: t('profile.autoDetect') },
             { value: 'en', label: 'English' },
             { value: 'fr', label: 'Français' },
             { value: 'es', label: 'Español' },
@@ -89,32 +105,32 @@ export default function GeneralSettingsPage() {
       </SettingsSection>
 
       <SettingsSection
-        title="Notifications"
+        title={t('settings.notifications')}
         icon={<span className="text-2xl">🔔</span>}
-        description="Manage how and when you receive notifications"
+        description={t('settings.notifications')}
       >
         <SettingToggle
-          label="Email Notifications"
-          description="Receive email updates about your notes"
+          label={t('settings.notifications')}
+          description={t('settings.notifications')}
           checked={emailNotifications}
           onChange={handleEmailNotificationsChange}
         />
         <SettingToggle
-          label="Desktop Notifications"
-          description="Show notifications in your browser"
+          label={t('settings.notifications')}
+          description={t('settings.notifications')}
           checked={desktopNotifications}
           onChange={handleDesktopNotificationsChange}
         />
       </SettingsSection>
 
       <SettingsSection
-        title="Privacy"
+        title={t('settings.privacy')}
         icon={<span className="text-2xl">🔒</span>}
-        description="Control your privacy settings"
+        description={t('settings.privacy')}
       >
         <SettingToggle
-          label="Anonymous Analytics"
-          description="Help improve app with anonymous usage data"
+          label={t('settings.privacy')}
+          description={t('settings.privacy')}
           checked={anonymousAnalytics}
           onChange={handleAnonymousAnalyticsChange}
         />