simplify language selector display to use text-only labels

Replace icon-based language options with plain text labels in both the
header dropdown and preferences settings to keep the UI clean and
avoid potential controversies. Remove unused country-flag-icons dependency.

web/src/components/settings/personal/cards/PreferencesSettings.jsx

@@ -24,14 +24,14 @@ import { useTranslation } from 'react-i18next';
 import { API, showSuccess, showError } from '../../../../helpers';
 import { UserContext } from '../../../../context/User';
 
-// Language options with native names and flags
+// Language options with native names
 const languageOptions = [
-  { value: 'zh', label: '中文', flag: '🇨🇳' },
-  { value: 'en', label: 'English', flag: '🇺🇸' },
-  { value: 'fr', label: 'Français', flag: '🇫🇷' },
-  { value: 'ru', label: 'Русский', flag: '🇷🇺' },
-  { value: 'ja', label: '日本語', flag: '🇯🇵' },
-  { value: 'vi', label: 'Tiếng Việt', flag: '🇻🇳' },
+  { value: 'zh', label: '中文' },
+  { value: 'en', label: 'English' },
+  { value: 'fr', label: 'Français' },
+  { value: 'ru', label: 'Русский' },
+  { value: 'ja', label: '日本語' },
+  { value: 'vi', label: 'Tiếng Việt' },
 ];
 
 const PreferencesSettings = ({ t }) => {
@@ -151,24 +151,8 @@ const PreferencesSettings = ({ t }) => {
             loading={loading}
             optionList={languageOptions.map((opt) => ({
               value: opt.value,
-              label: (
-                <div className='flex items-center gap-2'>
-                  <span>{opt.flag}</span>
-                  <span>{opt.label}</span>
-                </div>
-              ),
+              label: opt.label,
             }))}
-            renderSelectedItem={(optionNode) => {
-              const selected = languageOptions.find(
-                (opt) => opt.value === optionNode.value,
-              );
-              return (
-                <div className='flex items-center gap-2'>
-                  <span>{selected?.flag}</span>
-                  <span>{selected?.label}</span>
-                </div>
-              );
-            }}
           />
         </div>
       </Card>