Improve the frontend 3

frontend/src/components/domain/auth/RegisterForm.tsx

@@ -4,7 +4,7 @@ import { useSearchParams } from 'react-router-dom';
 import { Button, Input, Card } from '../../ui';
 import { PasswordCriteria, validatePassword, getPasswordErrors } from '../../ui/PasswordCriteria';
 import { useAuthActions, useAuthLoading, useAuthError } from '../../../stores/auth.store';
-import { useToast } from '../../../hooks/ui/useToast';
+import { showToast } from '../../../utils/toast';
 import { SubscriptionPricingCards } from '../../subscription/SubscriptionPricingCards';
 import PaymentForm from './PaymentForm';
 import { loadStripe } from '@stripe/stripe-js';
@@ -68,7 +68,7 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
   const { register } = useAuthActions();
   const isLoading = useAuthLoading();
   const error = useAuthError();
-  const { success: showSuccessToast, error: showErrorToast } = useToast();
+  
 
   // Detect pilot program participation
   const { isPilot, couponCode, trialMonths } = usePilotDetection();
@@ -236,12 +236,12 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
         ? '¡Bienvenido al programa piloto! Tu cuenta ha sido creada con 3 meses gratis.'
         : '¡Bienvenido! Tu cuenta ha sido creada correctamente.';
 
-      showSuccessToast(t('auth:register.registering', successMessage), {
+      showToast.success(t('auth:register.registering', successMessage), {
         title: t('auth:alerts.success_create', 'Cuenta creada exitosamente')
       });
       onSuccess?.();
     } catch (err) {
-      showErrorToast(error || t('auth:register.register_button', 'No se pudo crear la cuenta. Verifica que el email no esté en uso.'), {
+      showToast.error(error || t('auth:register.register_button', 'No se pudo crear la cuenta. Verifica que el email no esté en uso.'), {
         title: t('auth:alerts.error_create', 'Error al crear la cuenta')
       });
     }
@@ -252,7 +252,7 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
   };
 
   const handlePaymentError = (errorMessage: string) => {
-    showErrorToast(errorMessage, {
+    showToast.error(errorMessage, {
       title: 'Error en el pago'
     });
   };