fix: sidebar toggle on click login button

src/app/signup/page.tsx

@@ -0,0 +1,19 @@
+'use client';
+import SignUp from '@/components/auth/SignUp';
+import { useRouter, useSearchParams } from 'next/navigation';
+import React, { Suspense } from 'react';
+
+export default function SignUpPage() {
+  return (
+    <Suspense>
+      <SignUpComponent />
+    </Suspense>
+  );
+}
+
+function SignUpComponent() {
+  const router = useRouter();
+  const params = useSearchParams();
+  console.log(params);
+  return <SignUp onBackButtonClicked={() => router.push('/')} />;
+}

src/components/UserInfo.tsx

@@ -6,7 +6,11 @@ import { authService } from '@/lib/service';
 import { useSession } from '@/context/SessionProvider';
 import Image from 'next/image';
 
-export default function UserProfile() {
+type UserProfileProps = {
+  toggleAction?: () => void;
+};
+
+export default function UserProfile({ toggleAction }: UserProfileProps) {
   const session = useSession();
   const user = session.user;
 
@@ -22,6 +26,7 @@ export default function UserProfile() {
       <Link
         href="/auth"
         className="w-full text-left transition-colors p-3 rounded-lg flex items-center gap-2 hover:bg-gray-50"
+        onClick={toggleAction}
       >
         <LogIn className="h-5 w-5 text-gray-600" />
         Inicia sesión

src/components/auth/SocialButton.tsx

@@ -11,6 +11,7 @@ type SocialButtonProps = {
 export default function SocialButton({ provider, redirectUrl, children }: SocialButtonProps) {
   const baseUrl =
     process.env.NEXT_PUBLIC_ENV === 'production' ? process.env.NEXT_PUBLIC_BASE_URL! : 'http://127.0.0.1:3000';
+  console.log(baseUrl + redirectUrl);
   const handleLogin = async (provider: Provider) => {
     const { data, error } = await supabase.auth.signInWithOAuth({
       provider,

src/components/layout/Sidebar.tsx

@@ -254,7 +254,7 @@ export default function Sidebar({ isOpen, toggleAction }: SidebarProps) {
 
         {/* User info and login */}
         <div className="p-4">
-          <UserInfo />
+          <UserInfo toggleAction={toggleAction} />
         </div>
 
         {/* Toggle button for desktop */}