feat(ai): localize AI features

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>
+