Add button to share booking confirmation

apps/frontend/src/features/public-booking/public-booking-confirmation-page.tsx

@@ -2,6 +2,7 @@ import { useQuery } from '@tanstack/react-query'
 import { useNavigate } from '@tanstack/react-router'
 import { Button } from '@/components/ui/button'
 import { ApiClientError, apiClient } from '@/lib/api-client'
+import { ShareWhatsappButton } from './components/share-whatsapp-button'
 
 type PublicBookingConfirmationPageProps = {
   complexSlug: string
@@ -90,18 +91,21 @@ export function PublicBookingConfirmationPage({
                 </p>
               </div>
 
-              <Button
-                type="button"
-                className="h-11 w-full text-sm sm:text-base"
-                onClick={() => {
-                  void navigate({
-                    to: '/$complexSlug/booking',
-                    params: { complexSlug },
-                  })
-                }}
-              >
-                Hacer otra reserva
-              </Button>
+              <div className="grid gap-3 sm:grid-cols-2">
+                <ShareWhatsappButton confirmation={confirmationQuery.data} />
+                <Button
+                  type="button"
+                  className="h-11 w-full text-sm sm:text-base"
+                  onClick={() => {
+                    void navigate({
+                      to: '/$complexSlug/booking',
+                      params: { complexSlug },
+                    })
+                  }}
+                >
+                  Hacer otra reserva
+                </Button>
+              </div>
             </div>
           )}
         </section>