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>