fix: replace England flag with UK flag for English language

src/app/accept-terms/page.tsx

@@ -157,7 +157,7 @@ export default function AcceptTermsPage() {
               fontWeight: preferredLanguage === 'en' ? 600 : 400,
             }}
           >
-            🏴󠁧󠁢󠁥󠁮󠁧󠁿 English
+            🇬🇧 English
           </button>
         </div>
 

src/app/admin/page.tsx

@@ -2004,7 +2004,7 @@ function UsersSection({ onToast }: { onToast: (msg: string, type: string) => voi
             <I label="Email" type="email" value={newUser.email} onChange={(v: string) => setNewUser({ ...newUser, email: v })} />
             <I label="Phone" value={newUser.phone} onChange={(v: string) => setNewUser({ ...newUser, phone: v })} />
             <I label="Country" value={newUser.country} onChange={(v: string) => setNewUser({ ...newUser, country: v })} />
-            <S label="Language" value={newUser.preferred_language} onChange={(v: string) => setNewUser({ ...newUser, preferred_language: v })} options={[{ value: 'es', label: '🇪🇨 Español' }, { value: 'en', label: '🏴󠁧󠁢󠁥󠁮󠁧󠁿 English' }]} />
+            <S label="Language" value={newUser.preferred_language} onChange={(v: string) => setNewUser({ ...newUser, preferred_language: v })} options={[{ value: 'es', label: '🇪🇨 Español' }, { value: 'en', label: '🇬🇧 English' }]} />
           </div>
           <div style={{ marginTop: 12, display: 'flex', gap: 8 }}>
             <Btn onClick={createUser} size="sm">Create User</Btn>
@@ -2018,7 +2018,7 @@ function UsersSection({ onToast }: { onToast: (msg: string, type: string) => voi
             <div>
               <div style={{ fontWeight: 600, color: C.text }}>
                 {u.username} <span style={{ fontSize: 12, background: u.role === 'admin' ? '#dc2626' : '#059669', color: '#fff', padding: '2px 8px', borderRadius: 4, marginLeft: 8 }}>{u.role}</span>
-                {u.preferred_language && <span style={{ fontSize: 11, background: '#6366f1', color: '#fff', padding: '2px 6px', borderRadius: 4, marginLeft: 8 }}>{u.preferred_language === 'es' ? '🇪🇨 ES' : 'EN'}</span>}
+                {u.preferred_language && <span style={{ fontSize: 11, background: '#6366f1', color: '#fff', padding: '2px 6px', borderRadius: 4, marginLeft: 8 }}>{u.preferred_language === 'es' ? '🇪🇨 ES' : '🇬🇧 EN'}</span>}
               </div>
               <div style={{ fontSize: 12, color: C.textLight }}>
                 {u.first_name || ''} {u.last_name || ''} {u.email ? `• ${u.email}` : ''} {u.country ? `• ${u.country}` : ''}
@@ -2047,7 +2047,7 @@ function UsersSection({ onToast }: { onToast: (msg: string, type: string) => voi
                 <I label="Phone" value={editing.phone || ''} onChange={(v: string) => setEditing({ ...editing, phone: v })} />
                 <I label="Country" value={editing.country || ''} onChange={(v: string) => setEditing({ ...editing, country: v })} />
               </div>
-              <S label="Language" value={editing.preferred_language || 'es'} onChange={(v: string) => setEditing({ ...editing, preferred_language: v })} options={[{ value: 'es', label: '🇪🇨 Español' }, { value: 'en', label: '🏴󠁧󠁢󠁥󠁮󠁧󠁿 English' }]} />
+              <S label="Language" value={editing.preferred_language || 'es'} onChange={(v: string) => setEditing({ ...editing, preferred_language: v })} options={[{ value: 'es', label: '🇪🇨 Español' }, { value: 'en', label: '🇬🇧 English' }]} />
               <I label="New Password (leave blank to keep)" type="password" value={editing.password || ''} onChange={(v: string) => setEditing({ ...editing, password: v })} />
               <Tgl label="Disable comments" checked={editing.comments_disabled || false} onChange={(v: boolean) => setEditing({ ...editing, comments_disabled: v })} />
               {editing.terms_accepted_at && (
@@ -2154,7 +2154,7 @@ function TermsSection({ onToast }: { onToast: (msg: string, type: string) => voi
         {/* English Terms */}
         <div style={{ background: C.card, borderRadius: 12, padding: 16 }}>
           <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 12 }}>
-            <h3 style={{ margin: 0, fontSize: 16 }}>🏴󠁧󠁢󠁥󠁮󠁧󠁿 English</h3>
+            <h3 style={{ margin: 0, fontSize: 16 }}>🇬🇧 English</h3>
             {terms.en && (
               <span style={{ fontSize: 12, color: C.textLight }}>
                 Version: {terms.en.version}
@@ -2180,7 +2180,7 @@ function TermsSection({ onToast }: { onToast: (msg: string, type: string) => voi
         <div style={{ position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, background: 'rgba(0,0,0,0.4)', display: 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 9998 }}>
           <div style={{ background: '#fff', borderRadius: 16, padding: 24, maxWidth: 600, width: '90%', maxHeight: '90vh', overflow: 'auto' }}>
             <h3 style={{ margin: '0 0 20px', fontSize: 18, fontWeight: 700 }}>
-              {editing.language === 'es' ? '🇪🇨 ' : '🏴󠁧󠁢󠁥󠁮󠁧󠁿 '}Edit Terms ({editing.language.toUpperCase()})
+              {editing.language === 'es' ? '🇪🇨 ' : '🇬🇧 '}Edit Terms ({editing.language.toUpperCase()})
             </h3>
             <div style={{ display: 'grid', gap: 12 }}>
               <I label="Title" value={editing.title || ''} onChange={(v: string) => setEditing({ ...editing, title: v })} placeholder="Terms of Service and Privacy Policy" />

src/app/login/page.tsx

@@ -206,7 +206,7 @@ export default function LoginPage() {
               fontWeight: preferredLanguage === 'en' ? 600 : 400,
             }}
           >
-            🏴󠁧󠁢󠁥󠁮󠁧󠁿 English
+            🇬🇧 English
           </button>
         </div>