feat: Add Formbricks integration, update forms with webhooks, enhance navigation

- Integrate @formbricks/js for future surveys (FormbricksProvider)
- Add WebhookForm component for unified form submission (contact/franchise/membership)
- Update contact form with reason dropdown field
- Update franchise form with new fields: estado, ciudad, socios checkbox
- Update franchise benefits: manuals, training platform, RH system, investment $100k
- Add Contacto link to desktop/mobile nav and footer
- Update membership form to use WebhookForm with membership_id select
- Update hero buttons to use #3E352E color consistently
- Refactor contact/franchise pages to use new hero layout and components
- Add webhook utility (lib/webhook.ts) for parallel submission to test+prod
- Add email receipt hooks to booking endpoints
- Update globals.css with new color variables and navigation styles
- Docker configuration for deployment

app/booking/perfil/page.tsx

@@ -32,6 +32,13 @@ export default function PerfilPage() {
     }
   }, [user, authLoading, router])
 
+  useEffect(() => {
+    if (!authLoading && user) {
+      loadCustomerProfile()
+      loadCustomerBookings()
+    }
+  }, [user, authLoading])
+
   if (authLoading) {
     return (
       <div className="min-h-screen bg-[var(--bone-white)] pt-24 flex items-center justify-center">
@@ -46,11 +53,6 @@ export default function PerfilPage() {
     return null
   }
 
-  useEffect(() => {
-    loadCustomerProfile()
-    loadCustomerBookings()
-  }, [])
-
   const loadCustomerProfile = async () => {
     try {
       // En una implementación real, esto vendría de autenticación