Add passport scan button to new booking Documents tab

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/bookings/BookingModal.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react'
 import { format } from 'date-fns'
-import { Star, Banknote, CreditCard, AlertCircle, Map, Plus, Trash2, IdCard, CalendarDays, Tag } from 'lucide-react'
+import { Star, Banknote, CreditCard, AlertCircle, Map, Plus, Trash2, IdCard, CalendarDays, Tag, ScanLine } from 'lucide-react'
 import { MOCK_DISCOUNTS } from '../../pages/DiscountsPage'
 import type { Discount } from '../../pages/DiscountsPage'
 import { Modal } from '../ui/Modal'
@@ -653,6 +653,16 @@ export function BookingModal({ open, draft, rooms, onClose, onSave, existing }:
         {/* ── PASSPORT TAB ── */}
         {activeTab === 'passport' && (
         <div className="space-y-4">
+          {/* Scan button */}
+          <button
+            type="button"
+            onClick={() => alert('Для сканирования подключите RFID/OCR сканер паспорта')}
+            className="w-full flex items-center justify-center gap-2 py-3 rounded-xl border-2 border-dashed border-brand-300 dark:border-brand-700 text-brand-600 dark:text-brand-400 text-sm font-medium hover:bg-brand-50 dark:hover:bg-brand-900/20 transition-colors"
+          >
+            <ScanLine size={18} />
+            Сканировать паспорт
+          </button>
+
           {/* Document type */}
           <div>
             <label className="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">Тип документа</label>