fix: style select input in settings, fix user name placeholder

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/App.css

@@ -1047,7 +1047,8 @@ tr.editing td {
 
 .settings-page input[type="text"],
 .settings-page input[type="number"],
-.settings-page input[type="date"] {
+.settings-page input[type="date"],
+.settings-page select {
   padding: 8px 10px;
   border: 1px solid var(--border);
   border-radius: 6px;

src/components/Settings.tsx

@@ -201,7 +201,7 @@ function Settings({ onSeasonsChange }: SettingsProps) {
               ))}
               <tr className="add-row">
                 <td>
-                  <input type="text" value={newUser.Name} onChange={e => setNewUser({ ...newUser, Name: e.target.value })} placeholder={t('settings.namePlaceholder')} />
+                  <input type="text" value={newUser.Name} onChange={e => setNewUser({ ...newUser, Name: e.target.value })} placeholder={t('settings.userNamePlaceholder')} />
                 </td>
                 <td>
                   <input type="text" value={newUser.PIN} onChange={e => setNewUser({ ...newUser, PIN: e.target.value })} placeholder="PIN" />

src/locales/ar.json

@@ -171,6 +171,7 @@
     "users": "المستخدمون",
     "usersHint": "أضف مستخدمين برمز PIN. المشاهدون يمكنهم رؤية لوحة التحكم فقط.",
     "userName": "الاسم",
+    "userNamePlaceholder": "مثال: أحمد",
     "userPin": "رمز PIN",
     "userRole": "الدور"
   },

src/locales/en.json

@@ -171,6 +171,7 @@
     "users": "Users",
     "usersHint": "Add users with a PIN code. Viewers can see the dashboard but not settings.",
     "userName": "Name",
+    "userNamePlaceholder": "e.g. Ahmed",
     "userPin": "PIN",
     "userRole": "Role"
   },