Add ticket system with QR scanner and PDF generation

- Add ticket validation and check-in API endpoints
- Add PDF ticket generation with QR codes (pdfkit)
- Add admin QR scanner page with camera support
- Add admin site settings page
- Update email templates with PDF ticket download link
- Add checked_in_by_admin_id field for audit tracking
- Update booking success page with ticket download
- Various UI improvements to events and booking pages

backend/src/lib/emailTemplates.ts

@@ -35,6 +35,7 @@ export const bookingVariables: EmailVariable[] = [
   { name: 'attendeeEmail', description: 'Attendee email', example: 'john@example.com' },
   { name: 'ticketId', description: 'Unique ticket ID', example: 'TKT-ABC123' },
   { name: 'qrCode', description: 'QR code for check-in', example: 'data:image/png;base64,...' },
+  { name: 'ticketPdfUrl', description: 'URL to download ticket PDF', example: 'https://api.spanglish.com/api/tickets/abc123/pdf' },
   { name: 'eventTitle', description: 'Event title', example: 'Spanglish Night - January Edition' },
   { name: 'eventDate', description: 'Event date formatted', example: 'January 28, 2026' },
   { name: 'eventTime', description: 'Event time', example: '7:00 PM' },
@@ -228,18 +229,17 @@ export const defaultTemplates: DefaultTemplate[] = [
       
       <div class="ticket-box">
         <p>Your Ticket ID</p>
-        <p class="ticket-id">{{ticketId}}</p>
+        <p class="ticket-id">{{qrCode}}</p>
       </div>
       
-      {{#if qrCode}}
-      <div class="qr-code">
-        <p><strong>Show this QR code at check-in:</strong></p>
-        <img src="{{qrCode}}" alt="Check-in QR Code" />
-      </div>
+      {{#if ticketPdfUrl}}
+      <p style="text-align: center; margin: 24px 0;">
+        <a href="{{ticketPdfUrl}}" class="btn" style="background-color: #1a1a1a; color: #f4d03f;">📄 Download Your Ticket (PDF)</a>
+      </p>
       {{/if}}
       
       <div class="note">
-        <strong>💡 Important:</strong> Please arrive 10-15 minutes early for check-in. Bring your ticket ID or show this email.
+        <strong>💡 Important:</strong> Please arrive 10-15 minutes early for check-in. Show the PDF ticket or this email at the entrance.
       </div>
       
       <p>See you at Spanglish!</p>
@@ -263,18 +263,17 @@ export const defaultTemplates: DefaultTemplate[] = [
       
       <div class="ticket-box">
         <p>Tu ID de Ticket</p>
-        <p class="ticket-id">{{ticketId}}</p>
+        <p class="ticket-id">{{qrCode}}</p>
       </div>
       
-      {{#if qrCode}}
-      <div class="qr-code">
-        <p><strong>Muestra este código QR en el check-in:</strong></p>
-        <img src="{{qrCode}}" alt="Código QR de Check-in" />
-      </div>
+      {{#if ticketPdfUrl}}
+      <p style="text-align: center; margin: 24px 0;">
+        <a href="{{ticketPdfUrl}}" class="btn" style="background-color: #1a1a1a; color: #f4d03f;">📄 Descargar Tu Ticket (PDF)</a>
+      </p>
       {{/if}}
       
       <div class="note">
-        <strong>💡 Importante:</strong> Por favor llega 10-15 minutos antes para el check-in. Trae tu ID de ticket o muestra este email.
+        <strong>💡 Importante:</strong> Por favor llega 10-15 minutos antes para el check-in. Muestra el PDF del ticket o este email en la entrada.
       </div>
       
       <p>¡Nos vemos en Spanglish!</p>