feat(ai): localize AI features

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

@@ -21,13 +21,13 @@ export default function ProfileSettingsPage() {
   const handleNameChange = async (value: string) => {
     setUser(prev => ({ ...prev, name: value }))
     // TODO: Implement profile update
-    console.log('Name:', value)
+
   }
 
   const handleEmailChange = async (value: string) => {
     setUser(prev => ({ ...prev, email: value }))
     // TODO: Implement email update
-    console.log('Email:', value)
+
   }
 
   const handleLanguageChange = async (value: string) => {
@@ -36,7 +36,7 @@ export default function ProfileSettingsPage() {
       await updateAISettings({ preferredLanguage: value as any })
     } catch (error) {
       console.error('Error updating language:', error)
-      toast.error('Failed to save language')
+      toast.error(t('aiSettings.error'))
     }
   }
 
@@ -46,7 +46,7 @@ export default function ProfileSettingsPage() {
       await updateAISettings({ showRecentNotes: enabled })
     } catch (error) {
       console.error('Error updating recent notes setting:', error)
-      toast.error('Failed to save setting')
+      toast.error(t('aiSettings.error'))
     }
   }
 
@@ -61,48 +61,48 @@ export default function ProfileSettingsPage() {
         {/* Main Content */}
         <main className="lg:col-span-3 space-y-6">
           <div>
-            <h1 className="text-3xl font-bold mb-2">Profile</h1>
+            <h1 className="text-3xl font-bold mb-2">{t('profile.title')}</h1>
             <p className="text-gray-600 dark:text-gray-400">
-              Manage your account and personal information
+              {t('profile.description')}
             </p>
           </div>
 
           {/* Profile Information */}
           <SettingsSection
-            title="Profile Information"
+            title={t('profile.accountSettings')}
             icon={<span className="text-2xl">👤</span>}
-            description="Update your personal details"
+            description={t('profile.description')}
           >
             <SettingInput
-              label="Name"
-              description="Your display name"
+              label={t('profile.displayName')}
+              description={t('profile.displayName')}
               value={user.name}
               onChange={handleNameChange}
-              placeholder="Enter your name"
+              placeholder={t('auth.namePlaceholder')}
             />
 
             <SettingInput
-              label="Email"
-              description="Your email address"
+              label={t('profile.email')}
+              description={t('profile.email')}
               value={user.email}
               type="email"
               onChange={handleEmailChange}
-              placeholder="Enter your email"
+              placeholder={t('auth.emailPlaceholder')}
             />
           </SettingsSection>
 
           {/* Preferences */}
           <SettingsSection
-            title="Preferences"
+            title={t('settings.language')}
             icon={<span className="text-2xl">⚙️</span>}
-            description="Customize your experience"
+            description={t('profile.languagePreferencesDescription')}
           >
             <SettingSelect
-              label="Language"
-              description="Choose your preferred language"
+              label={t('profile.preferredLanguage')}
+              description={t('profile.languageDescription')}
               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' },
@@ -123,8 +123,8 @@ export default function ProfileSettingsPage() {
             />
 
             <SettingToggle
-              label="Show Recent Notes"
-              description="Display recently viewed notes in sidebar"
+              label={t('profile.showRecentNotes')}
+              description={t('profile.showRecentNotesDescription')}
               checked={showRecentNotes}
               onChange={handleRecentNotesChange}
             />
@@ -135,16 +135,16 @@ export default function ProfileSettingsPage() {
             <div className="flex items-center gap-4">
               <div className="text-4xl">✨</div>
               <div className="flex-1">
-                <h3 className="font-semibold text-lg mb-1">AI Settings</h3>
+                <h3 className="font-semibold text-lg mb-1">{t('aiSettings.title')}</h3>
                 <p className="text-sm text-gray-600 dark:text-gray-400">
-                  Configure AI-powered features, provider selection, and preferences
+                  {t('aiSettings.description')}
                 </p>
               </div>
               <button
                 onClick={() => window.location.href = '/settings/ai'}
                 className="px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors"
               >
-                Configure
+                {t('nav.configureAI')}
               </button>
             </div>
           </div>

keep-notes/app/(main)/settings/profile/profile-form.tsx

@@ -7,40 +7,16 @@ import { Input } from '@/components/ui/input'
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'
 import { Label } from '@/components/ui/label'
 import { Switch } from '@/components/ui/switch'
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select'
-import { updateProfile, changePassword, updateLanguage, updateFontSize, updateShowRecentNotes } from '@/app/actions/profile'
+
+import { updateProfile, changePassword, updateFontSize, updateShowRecentNotes } from '@/app/actions/profile'
 import { toast } from 'sonner'
 import { useLanguage } from '@/lib/i18n'
 
-const LANGUAGES = [
-  { value: 'auto', label: 'Auto-detect', flag: '🌐' },
-  { value: 'en', label: 'English', flag: '🇬🇧' },
-  { value: 'fr', label: 'Français', flag: '🇫🇷' },
-  { value: 'es', label: 'Español', flag: '🇪🇸' },
-  { value: 'de', label: 'Deutsch', flag: '🇩🇪' },
-  { value: 'it', label: 'Italiano', flag: '🇮🇹' },
-  { value: 'pt', label: 'Português', flag: '🇵🇹' },
-  { value: 'ru', label: 'Русский', flag: '🇷🇺' },
-  { value: 'zh', label: '中文', flag: '🇨🇳' },
-  { value: 'ja', label: '日本語', flag: '🇯🇵' },
-  { value: 'ko', label: '한국어', flag: '🇰🇷' },
-  { value: 'ar', label: 'العربية', flag: '🇸🇦' },
-  { value: 'hi', label: 'हिन्दी', flag: '🇮🇳' },
-  { value: 'nl', label: 'Nederlands', flag: '🇳🇱' },
-  { value: 'pl', label: 'Polski', flag: '🇵🇱' },
-  { value: 'fa', label: 'فارسی (Persian)', flag: '🇮🇷' },
-]
+
 
 export function ProfileForm({ user, userAISettings }: { user: any; userAISettings?: any }) {
   const router = useRouter()
-  const [selectedLanguage, setSelectedLanguage] = useState(userAISettings?.preferredLanguage || 'auto')
-  const [isUpdatingLanguage, setIsUpdatingLanguage] = useState(false)
+
   const [fontSize, setFontSize] = useState(userAISettings?.fontSize || 'medium')
   const [isUpdatingFontSize, setIsUpdatingFontSize] = useState(false)
   const [showRecentNotes, setShowRecentNotes] = useState(userAISettings?.showRecentNotes ?? false)
@@ -101,26 +77,7 @@ export function ProfileForm({ user, userAISettings }: { user: any; userAISetting
     applyFontSize(savedFontSize as string)
   }, [])
 
-  const handleLanguageChange = async (language: string) => {
-    setIsUpdatingLanguage(true)
-    try {
-      const result = await updateLanguage(language)
-      if (result?.error) {
-        toast.error(t('profile.languageUpdateFailed'))
-      } else {
-        setSelectedLanguage(language)
-        // Update localStorage and reload to apply new language
-        localStorage.setItem('user-language', language)
-        toast.success(t('profile.languageUpdateSuccess'))
-        // Reload page to apply new language
-        setTimeout(() => window.location.reload(), 500)
-      }
-    } catch (error) {
-      toast.error(t('profile.languageUpdateFailed'))
-    } finally {
-      setIsUpdatingLanguage(false)
-    }
-  }
+
 
   const handleShowRecentNotesChange = async (enabled: boolean) => {
     setIsUpdatingRecentNotes(true)
@@ -175,39 +132,7 @@ export function ProfileForm({ user, userAISettings }: { user: any; userAISetting
         </form>
       </Card>
 
-      <Card>
-        <CardHeader>
-          <CardTitle>{t('profile.languagePreferences')}</CardTitle>
-          <CardDescription>{t('profile.languagePreferencesDescription')}</CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-4">
-          <div className="space-y-2">
-            <Label htmlFor="language">{t('profile.preferredLanguage')}</Label>
-            <Select
-              value={selectedLanguage}
-              onValueChange={handleLanguageChange}
-              disabled={isUpdatingLanguage}
-            >
-              <SelectTrigger id="language">
-                <SelectValue placeholder={t('profile.selectLanguage')} />
-              </SelectTrigger>
-              <SelectContent>
-                {LANGUAGES.map((lang) => (
-                  <SelectItem key={lang.value} value={lang.value}>
-                    <span className="flex items-center gap-2">
-                      <span>{lang.flag}</span>
-                      <span>{lang.label}</span>
-                    </span>
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-            <p className="text-sm text-muted-foreground">
-              {t('profile.languageDescription')}
-            </p>
-          </div>
-        </CardContent>
-      </Card>
+