Start integrating the onboarding flow with backend 1

frontend/src/pages/app/onboarding/OnboardingPage.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { OnboardingWizard, OnboardingStep } from '../../../components/domain/onboarding/OnboardingWizard';
 import { onboardingApiService } from '../../../services/api/onboarding.service';
-import { useAuth } from '../../../hooks/useAuth';
+import { useAuthUser, useIsAuthenticated } from '../../../stores/auth.store';
 import { LoadingSpinner } from '../../../components/shared/LoadingSpinner';
 
 // Step Components
@@ -16,7 +16,8 @@ import { CompletionStep } from '../../../components/domain/onboarding/steps/Comp
 
 const OnboardingPage: React.FC = () => {
   const navigate = useNavigate();
-  const { user } = useAuth();
+  const user = useAuthUser();
+  const isAuthenticated = useIsAuthenticated();
   const [isLoading, setIsLoading] = useState(false);
   const [globalData, setGlobalData] = useState<any>({});
 
@@ -30,8 +31,11 @@ const OnboardingPage: React.FC = () => {
       isRequired: true,
       validation: (data) => {
         if (!data.bakery?.name) return 'El nombre de la panadería es requerido';
-        if (!data.bakery?.type) return 'El tipo de panadería es requerido';
-        if (!data.bakery?.location) return 'La ubicación es requerida';
+        if (!data.bakery?.business_model) return 'El modelo de negocio es requerido';
+        if (!data.bakery?.address) return 'La dirección es requerida';
+        if (!data.bakery?.city) return 'La ciudad es requerida';
+        if (!data.bakery?.postal_code) return 'El código postal es requerido';
+        if (!data.bakery?.phone) return 'El teléfono es requerido';
         // Tenant creation will happen automatically when validation passes
         return null;
       }
@@ -142,10 +146,27 @@ const OnboardingPage: React.FC = () => {
     }
   };
 
+  // Redirect to login if not authenticated
+  useEffect(() => {
+    if (!isAuthenticated) {
+      navigate('/login', { 
+        state: { 
+          message: 'Debes iniciar sesión para acceder al onboarding.',
+          returnUrl: '/app/onboarding' 
+        }
+      });
+    }
+  }, [isAuthenticated, navigate]);
+
   if (isLoading) {
     return <LoadingSpinner overlay text="Completando configuración..." />;
   }
 
+  // Don't render if not authenticated (will redirect)
+  if (!isAuthenticated || !user) {
+    return <LoadingSpinner overlay text="Verificando autenticación..." />;
+  }
+
   return (
     <div className="min-h-screen bg-[var(--bg-primary)]">
       <OnboardingWizard