chore: now when you press login you will be redirected to the profile…

… if you are authenticated

src/pages/Home.tsx

@@ -18,6 +18,7 @@ import {
 } from '@chakra-ui/react';
 
 import { MainHead } from '@components/Head';
+import { useAuth } from '@contexts/AuthContext';
 import {
   PatternPadWhite,
   PatternPadBlack,
@@ -27,6 +28,7 @@ import {
 
 export function Home() {
   const { colorMode } = useColorMode();
+  const { currentUser } = useAuth();
   const bgButton = useColorModeValue('green.500', 'green.700');
   const bContainer = useColorModeValue('gray.50', 'none');
   const height = useBreakpointValue({
@@ -88,7 +90,7 @@ export function Home() {
             >
               <Link
                 w={{ base: '250px', md: '200px' }}
-                to='/login'
+                to={!currentUser ? '/login' : `/profile/${currentUser?.uid}`}
                 as={NavLink}
                 border='1px'
                 bg={bgButton}

src/pages/Login.tsx

@@ -9,8 +9,8 @@ import { SignIn } from '@services/firebase/auth';
 export function Login() {
   return (
     <>
-      <MainHead title='Ingresar | XBuniverse' />
-      <ContainerTitle title='Ingresar' />
+      <MainHead title='Ingresar o Regístrate| XBuniverse' />
+      <ContainerTitle title='Ingresar o Regístrate' />
       <Flex
         justify='center'
         // py={{ base: '10vh', md: '31vh' }}

src/routes.tsx

@@ -1,8 +1,7 @@
-import React, { lazy, useState } from 'react';
-import { createBrowserRouter, Navigate, useLocation } from 'react-router-dom';
+import React, { lazy } from 'react';
+import { createBrowserRouter } from 'react-router-dom';
 
 import { Home } from '@pages/Home';
-import { Register } from '@pages/Register';
 import { Login } from '@pages/Login';
 import { CatchError } from '@utils/CatchError';
 import { ErrorPage } from '@pages/404';
@@ -11,42 +10,21 @@ import { SkeletonAllBooks } from '@components/skeletons/SkeletonABooks';
 import { SkeletonDetailsBook } from '@components/skeletons/SkeletonDBook';
 import { PrivateRoute } from '@components/PrivateRoute';
 
-import { useAuth } from '@contexts/AuthContext';
-
 const PrivacyPolicies = lazy(() => import('@pages/PrivacyPolicies'));
 const Explore = lazy(() => import('@pages/Explore'));
 const Book = lazy(() => import('@pages/Book'));
 const Search = lazy(() => import('@pages/Search'));
 const NewBook = lazy(() => import('@pages/NewBook'));
 const Profile = lazy(() => import('@pages/profile/Profile'));
 
-export function Private({ children }: { children: React.ReactNode }) {
-  const { currentUser, loading } = useAuth();
-  const location = useLocation();
-
-  if (loading) {
-    return <SkeletonAllBooks />;
-  }
-
-  if (currentUser && location.pathname === '/login') {
-    return <Navigate to='/explore' />;
-  }
-
-  return <>{children}</>;
-}
-
 const routes = createBrowserRouter([
   {
     path: '/',
     element: <Layout />,
     children: [
       {
         index: true,
-        element: (
-          // <Private>
-          <Home />
-          // </Private>
-        ),
+        element: <Home />,
       },
       {
         path: '/explore',
@@ -64,17 +42,9 @@ const routes = createBrowserRouter([
         path: '/privacy-policies',
         element: <PrivacyPolicies />,
       },
-      {
-        path: '/register',
-        element: <Register />,
-      },
       {
         path: '/login',
-        element: (
-          // <Private>
-          <Login />
-          // </Private>
-        ),
+        element: <Login />,
       },
       {
         path: '/books',