feat: add customer email functionality for booking confirmations

- Implemented email confirmation for admin and public bookings.
- Added customerEmail field to booking schemas and services.
- Created email templates for booking confirmation, cancellation, and no-show notifications.
- Updated booking handlers to send emails upon booking creation and status updates.
- Enhanced frontend forms to capture customer email during booking creation.

apps/frontend/src/features/booking/components/booking-create-dialog.tsx

@@ -42,6 +42,7 @@ const bookingFormSchema = z.object({
     .trim()
     .min(6, 'Ingresa un telefono válido.')
     .max(30, 'El telefono no puede superar los 30 caracteres.'),
+  customerEmail: z.string().email('Ingresá un email válido.').optional().or(z.literal('')),
 });
 
 type BookingForm = z.infer<typeof bookingFormSchema>;
@@ -76,6 +77,7 @@ export function BookingCreateDialog() {
     defaultValues: {
       customerName: '',
       customerPhone: '',
+      customerEmail: '',
     },
   });
 
@@ -154,6 +156,7 @@ export function BookingCreateDialog() {
       startTime,
       customerName: values.customerName,
       customerPhone: values.customerPhone,
+      customerEmail: values.customerEmail || undefined,
     });
   };
 
@@ -271,6 +274,23 @@ export function BookingCreateDialog() {
             <FieldError errors={[errors.customerPhone]} />
           </Field>
 
+          <Field data-invalid={Boolean(errors.customerEmail)}>
+            <FieldLabel htmlFor="customerEmail">
+              Email <span className="text-muted-foreground font-normal">(opcional)</span>
+            </FieldLabel>
+            <Input
+              id="customerEmail"
+              type="email"
+              placeholder="Ej: juan@ejemplo.com"
+              aria-invalid={Boolean(errors.customerEmail)}
+              {...register('customerEmail')}
+            />
+            <p className="mt-1 text-xs text-muted-foreground">
+              Se enviará la confirmación de la reserva por email.
+            </p>
+            <FieldError errors={[errors.customerEmail]} />
+          </Field>
+
           {createBookingError && <p className="text-sm text-destructive">{createBookingError}</p>}
         </form>