chore: folder organization within components has been improved

src/components/AllBooks.tsx

@@ -14,12 +14,12 @@ import { useInView } from 'react-intersection-observer';
 import { CardType } from '@components/types';
 import { useBooksPaginate } from '@hooks/queries';
 import { useScrollRestoration } from '@hooks/useScrollRestoration';
-import { MySimpleGrid } from '@components/MySimpleGrid';
+import { MySimpleGrid } from '@components/ui/MySimpleGrid';
 import { Card } from '@components/cards/Card';
-import { Aside } from '@components/Aside';
+import { Aside } from '@components/aside/Aside';
 import { SkeletonAllBooks } from '@components/skeletons/SkeletonABooks';
-import { ResultLength } from '@components/ResultLength';
-import { MostViewed } from '@components/MostViewed';
+import { ResultLength } from '@components/aside/ResultLength';
+import { MostViewed } from '@components/aside/MostViewed';
 
 export function AllBooks() {
   const { ref, inView } = useInView();

src/components/Categories.tsx

@@ -3,7 +3,7 @@ import { NavLink } from 'react-router-dom';
 import { Link } from '@chakra-ui/react';
 import { BsTag } from 'react-icons/bs';
 
-import { MyTag } from '@components/MyTag';
+import { MyTag } from '@components/ui/MyTag';
 import { useAllFilterOptions } from '@hooks/queries';
 
 export default function Categories() {

src/components/AboutCategories.tsx → src/components/aside/AboutCategories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Box, Text } from '@chakra-ui/react';
 
-import { aboutCategories } from '../data/links';
+import { aboutCategories } from '../../data/links';
 
 export function AboutCategories({ category }: any) {
   const filteredAboutCategories = aboutCategories.filter((item) => {

src/components/cards/Card.tsx

@@ -14,7 +14,7 @@ import { BsTag } from 'react-icons/bs';
 import { IoLanguageOutline } from 'react-icons/io5';
 
 import { CardType } from '@components/types';
-import { MyTag } from '@components/MyTag';
+import { MyTag } from '@components/ui/MyTag';
 import { handleImageLoad, useHandleEnterKey, isSpanish } from '@utils/utils';
 
 export function Card({

src/components/forms/FormEdit.tsx

@@ -28,7 +28,7 @@ import { BookType, MyChangeEvent } from '@components/types';
 import { useUpdateBook } from '@hooks/queries';
 import { ModalCropper } from '@components/modals/ModalCropper';
 import { sortArrayByLabel } from '@utils/utils';
-import { MyPopover } from '@components/MyPopover';
+import { MyPopover } from '@components/ui/MyPopover';
 import {
   handleInputChange,
   handleCategory,

src/components/forms/NewBook.tsx

@@ -29,7 +29,7 @@ import { useMutatePost, useCheckUser } from '@hooks/queries';
 import { ModalCropper } from '@components/modals/ModalCropper';
 import { sortArrayByLabel } from '@utils/utils';
 import { useGenerateSlug } from '@hooks/useGenerateSlug';
-import { MyPopover } from '@components/MyPopover';
+import { MyPopover } from '@components/ui/MyPopover';
 import {
   handleInputChange,
   handleCategory,

src/components/skeletons/SkeletonABooks.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Skeleton, SkeletonText, Flex, Box, Stack } from '@chakra-ui/react';
 
-import { MySimpleGrid } from '@components/MySimpleGrid';
-import { Aside } from '@components/Aside';
+import { MySimpleGrid } from '@components/ui/MySimpleGrid';
+import { Aside } from '@components/aside/Aside';
 import { SkeletonTags } from '@components/skeletons/SkeletonTags';
 import { SkeletonType } from '@components/types';
 

src/pages/404.tsx

@@ -3,7 +3,7 @@ import { NavLink } from 'react-router-dom';
 import { Link, Text, VStack, Box, Image, Flex, Icon } from '@chakra-ui/react';
 import { FiArrowLeft } from 'react-icons/fi';
 
-import { MainHead } from '@components/Head';
+import { MainHead } from '@components/layout/Head';
 import { PageNotFound } from '@assets/assets';
 
 export function ErrorPage() {

src/pages/Book.tsx

@@ -28,12 +28,12 @@ import 'atropos/css';
 
 import { useBook, useDeleteBook } from '@hooks/queries';
 import { handleImageLoad } from '@utils/utils';
-import { MainHead } from '@components/Head';
-import { MyTag } from '@components/MyTag';
+import { MainHead } from '@components/layout/Head';
+import { MyTag } from '@components/ui/MyTag';
 import { ModalShare } from '@components/modals/ModalShare';
-import { MyLink } from '@components/MyLink';
+import { MyLink } from '@components/ui/MyLink';
 import { BooksSection } from '@components/BooksSection';
-import { ImageZoom } from '@components/ImageZoom';
+import { ImageZoom } from '@components/ui/ImageZoom';
 import { ModalOptions } from '@components/modals/ModalOptions';
 import { ModalConfirmation } from '@components/modals/ModalConfirmation';
 import { ModalForm } from '@components/modals/ModalForm';

src/pages/CreateUser.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { FormCreateUser } from '@components/forms/FormCreateUser';
-import { MainHead } from '@components/Head';
+import { MainHead } from '@components/layout/Head';
 
 export function CreateUser() {
   return (

src/pages/Explore.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
 import { AllBooks } from '@components/AllBooks';
-import { ContainerTitle } from '@components/ContainerTitle';
-import { MySliderCategories } from '@components/MySliderCategories';
-import { MainHead } from '@components/Head';
+import { ContainerTitle } from '@components/layout/ContainerTitle';
+import { MySliderCategories } from '@components/ui/MySliderCategories';
+import { MainHead } from '@components/layout/Head';
 
 export default function Explore() {
   return (

src/pages/Home.tsx

@@ -17,7 +17,7 @@ import {
   useBreakpointValue,
 } from '@chakra-ui/react';
 
-import { MainHead } from '@components/Head';
+import { MainHead } from '@components/layout/Head';
 import { useAuth } from '@contexts/AuthContext';
 import {
   PatternPadWhite,

src/pages/Login.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { Box, Flex, Button, Stack } from '@chakra-ui/react';
 import { BsFacebook, BsTwitterX } from 'react-icons/bs';
 
-import { ContainerTitle } from '@components/ContainerTitle';
-import { MainHead } from '@components/Head';
+import { ContainerTitle } from '@components/layout/ContainerTitle';
+import { MainHead } from '@components/layout/Head';
 import { SignIn } from '@services/auth/auth';
 
 export function Login() {

src/pages/MostViewed.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Flex } from '@chakra-ui/react';
 
-import { MainHead } from '@components/Head';
-import { ContainerTitle } from '@components/ContainerTitle';
-import { MySimpleGrid } from '@components/MySimpleGrid';
+import { MainHead } from '@components/layout/Head';
+import { ContainerTitle } from '@components/layout/ContainerTitle';
+import { MySimpleGrid } from '@components/ui/MySimpleGrid';
 import { Card } from '@components/cards/Card';
 import { CardType } from '@components/types';
 import { useMostViewedBooks } from '@hooks/queries';
-import { MySliderCategories } from '@components/MySliderCategories';
+import { MySliderCategories } from '@components/ui/MySliderCategories';
 
 export default function MostViewed() {
   const { data } = useMostViewedBooks('full');

src/pages/NewBook.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
 import { FormNewBook } from '@components/forms/NewBook';
-import { MainHead } from '@components/Head';
-import { ContainerTitle } from '@components/ContainerTitle';
+import { MainHead } from '@components/layout/Head';
+import { ContainerTitle } from '@components/layout/ContainerTitle';
 
 export default function NewBook() {
   return (

src/pages/PrivacyPolicies.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Box, Flex, Text, Link } from '@chakra-ui/react';
 
-import { ContainerTitle } from '@components/ContainerTitle';
-import { MainHead } from '@components/Head';
+import { ContainerTitle } from '@components/layout/ContainerTitle';
+import { MainHead } from '@components/layout/Head';
 
 export default function PrivacyPolicies() {
   return (

src/pages/Search.tsx

@@ -22,14 +22,14 @@ import { Card } from '@components/cards/Card';
 import { CardType } from '@components/types';
 import { useFilter, useFilterPaginated } from '@hooks/queries';
 import { useScrollRestoration } from '@hooks/useScrollRestoration';
-import { ContainerTitle } from '@components/ContainerTitle';
-import { MySimpleGrid } from '@components/MySimpleGrid';
-import { MainHead } from '@components/Head';
-import { Aside } from '@components/Aside';
-import { MySliderCategories } from '@components/MySliderCategories';
+import { ContainerTitle } from '@components/layout/ContainerTitle';
+import { MySimpleGrid } from '@components/ui/MySimpleGrid';
+import { MainHead } from '@components/layout/Head';
+import { Aside } from '@components/aside/Aside';
+import { MySliderCategories } from '@components/ui/MySliderCategories';
 import { FilterDrawer } from '@components/FilterDrawer';
-import { ResultLength } from '@components/ResultLength';
-import { AboutCategories } from '@components/AboutCategories';
+import { ResultLength } from '@components/aside/ResultLength';
+import { AboutCategories } from '@components/aside/AboutCategories';
 import { Lost } from '@assets/assets';
 import { aboutCategories } from '../data/links';
 import { SkeletonAllBooks } from '@components/skeletons/SkeletonABooks';

src/pages/layout/Layout.tsx

@@ -3,7 +3,7 @@ import { Outlet } from 'react-router-dom';
 
 import { SkeletonMain } from '@components/skeletons/SkeletonMain';
 import { Nav } from '@components/nav/Nav';
-import { Footer } from '@components/Footer';
+import { Footer } from '@components/layout/Footer';
 
 export function Layout() {
   return (

src/pages/profile/Profile.tsx

@@ -16,14 +16,14 @@ import { AiOutlineCloudUpload } from 'react-icons/ai';
 import { useInView } from 'react-intersection-observer';
 // import Cookies from 'js-cookie';
 
-import { MySimpleGrid } from '@components/MySimpleGrid';
+import { MySimpleGrid } from '@components/ui/MySimpleGrid';
 import { Card } from '@components/cards/Card';
-import { Aside } from '@components/Aside';
-import { MainHead } from '@components/Head';
+import { Aside } from '@components/aside/Aside';
+import { MainHead } from '@components/layout/Head';
 import { useProfile } from '@hooks/queries';
 import { parseDate } from '@utils/utils';
 import { CardType } from '@components/types';
-import { ResultLength } from '@components/ResultLength';
+import { ResultLength } from '@components/aside/ResultLength';
 import { useAuth } from '@contexts/AuthContext';
 import { NoData } from '@assets/assets';
 import { SkeletonAllBooks } from '@components/skeletons/SkeletonABooks';

src/pages/profile/account/MyAccount.tsx

@@ -12,14 +12,14 @@ import {
 // import { MySimpleGrid } from '@components/MySimpleGrid';
 // import { Card } from '@components/cards/Card';
 // import { Aside } from '@components/Aside';
-import { MainHead } from '@components/Head';
+import { MainHead } from '@components/layout/Head';
 // import { useProfile } from '@hooks/queries';
 // import { parseDate } from '@utils/utils';
 // import { CardType } from '@components/types';
 // import ResultLength from '@components/ResultLength';
 // import { useAuth } from '@contexts/AuthContext';
 import { useAccountActions } from '@hooks/useAccountActions';
-import { ContainerTitle } from '@components/ContainerTitle';
+import { ContainerTitle } from '@components/layout/ContainerTitle';
 import { ModalConfirmation } from '@components/modals/ModalConfirmation';
 // import { logOut } from '../../services/firebase/auth';
 

src/routes.tsx

@@ -9,7 +9,7 @@ import { ErrorPage } from '@pages/404';
 import { Layout } from '@pages/layout/Layout';
 import { SkeletonAllBooks } from '@components/skeletons/SkeletonABooks';
 import { SkeletonDetailsBook } from '@components/skeletons/SkeletonDBook';
-import { PrivateRoute } from '@components/PrivateRoute';
+import { PrivateRoute } from '@components/nav/PrivateRoute';
 
 import { MyAccount } from '@pages/profile/account/MyAccount';
 import { Profile } from '@pages/profile/Profile';

src/utils/utils.ts

@@ -45,7 +45,7 @@ function generatePathUrl(name: string) {
   const formattedName = name
     .toLowerCase()
     .normalize('NFD')
-    .replace(/[\u0300-\u036f()°º:]/g, '');
+    .replace(/[\u0300-\u036f()°º:,]/g, '');
   const withoutDotsName = formattedName.replace(/\.|\//g, '');
   const withoutQuestionMarks = withoutDotsName.replace(/[?¿]/g, '');
   const dashedName = withoutQuestionMarks.replace(/\s+/g, '-');
@@ -54,15 +54,6 @@ function generatePathUrl(name: string) {
   return `${dashedName}-${randomId}`;
 }
 
-// function aboutAuthors(authorNames: string[]) {
-//   const authorLinks = authorNames.map((authorName) => {
-//     const encodedAuthorName = encodeURIComponent(authorName);
-//     return `https://www.google.com/search?q=${encodedAuthorName}+escritor`;
-//   });
-
-//   return authorLinks;
-// }
-
 // Funcion para verificar si se encuentra en otro idioma que no sea español
 function isSpanish(language) {
   const spanishLanguage = ['Español', 'español'];