feat: implement public booking cancellation feature

- Added cancelPublicBooking handler to manage booking cancellations.
- Updated public booking service to include cancellation logic.
- Created cancelPublicBooking schema for input validation.
- Modified public booking confirmation page to allow users to cancel their bookings.
- Enhanced email service to send cancellation confirmation emails.
- Made customerEmail field required in booking schemas and updated related components.
- Updated API client to support cancellation requests.
- Added migration to enforce non-nullable customer_email fields in the database.

apps/backend/src/emails/booking-confirmation.ts

@@ -1,5 +1,6 @@
 type BookingEmailData = {
   bookingCode: string;
+  complexSlug?: string;
   complexName: string;
   date: string;
   startTime: string;
@@ -171,15 +172,30 @@ export function bookingConfirmationHtml(data: BookingEmailData): string {
       </td>
     </tr>
 
+    ${
+      data.complexSlug
+        ? `
     <tr>
       <td style="padding:0 20px 24px;">
-        <p style="margin:0;font-size:13px;color:#6b7280;text-align:center;line-height:1.5;">
-          Present&aacute; el c&oacute;digo de reserva al llegar al complejo.
-          <br />
-          Si necesit&aacute;s cancelar o modificar, contactate directamente con el complejo.
-        </p>
+        <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
+          <tr>
+            <td align="center">
+              <table role="presentation" cellpadding="0" cellspacing="0" style="background-color:#059669;border-radius:12px;">
+                <tr>
+                  <td style="padding:14px 32px;font-size:15px;font-weight:600;">
+                    <a href="${APP_BASE_URL}/${data.complexSlug}/booking/confirmed/${data.bookingCode}" style="color:#ffffff;text-decoration:none;display:inline-block;">
+                      Cancelar reserva
+                    </a>
+                  </td>
+                </tr>
+              </table>
+            </td>
+          </tr>
+        </table>
       </td>
-    </tr>`;
+    </tr>`
+        : ''
+    }`;
 
   return wrapLayout(content);
 }