refactor(ui): unify remaining native selects (claims/sms/wallet/secretaries)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

assets/admin/pages/SmsWalletPage.tsx

@@ -15,6 +15,7 @@ import { usePaymentConfig } from '../hooks/usePaymentConfig';
 import { formatRial, formatNumber, formatDateTime } from '../lib/utils';
 import Modal from '../components/ui/Modal';
 import Pagination from '../components/ui/Pagination';
+import SearchableSelect from '../components/ui/SearchableSelect';
 import PageHeader from '../components/ui/PageHeader';
 import FeatureGate from '../components/ui/FeatureGate';
 
@@ -220,16 +221,14 @@ function SmsWalletPageInner() {
                     {currentSettings.reminder_enabled && (
                       <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginTop: 12 }}>
                         <label style={{ fontSize: 13, color: 'var(--text-2)', whiteSpace: 'nowrap' }}>ارسال</label>
-                        <select
-                          className="cp-select"
-                          value={currentSettings.reminder_hours_before}
-                          onChange={(e) => setLocalSettings({ ...currentSettings, reminder_hours_before: +e.target.value })}
-                          style={{ width: 130, height: 36 }}
-                        >
-                          {REMINDER_HOUR_OPTIONS.map((h) => (
-                            <option key={h} value={h}>{h} ساعت قبل</option>
-                          ))}
-                        </select>
+                        <div style={{ width: 150 }}>
+                          <SearchableSelect
+                            options={REMINDER_HOUR_OPTIONS.map((h) => ({ value: h, label: `${h} ساعت قبل` }))}
+                            value={currentSettings.reminder_hours_before}
+                            onChange={(v) => setLocalSettings({ ...currentSettings, reminder_hours_before: Number(v) || 0 })}
+                            placeholder="ساعت"
+                          />
+                        </div>
                       </div>
                     )}
                   </div>