chore: added more categories

src/data/links.ts

@@ -95,6 +95,7 @@ const categories: Array<SelectBooksType> = [
   { value: 'Salud', label: 'Salud' },
   { value: 'Economía', label: 'Economía' },
   { value: 'Exploración', label: 'Exploración' },
+  { value: 'Epopeya', label: 'Epopeya' },
   { value: 'Romance', label: 'Romance' },
   { value: 'Religión', label: 'Religión' },
   { value: 'Reparación De Bicicletas', label: 'Reparación De Bicicletas' },
@@ -129,13 +130,16 @@ const categories: Array<SelectBooksType> = [
   { value: 'Novela Histórica', label: 'Novela Histórica' },
   { value: 'Novela', label: 'Novela' },
   { value: 'Novela Negra', label: 'Novela Negra' },
+  { value: 'Novela Gráfica', label: 'Novela Gráfica' },
+  { value: 'Novela Terror', label: 'Novela Terror' },
   { value: 'Música', label: 'Música' },
   { value: 'Historia', label: 'Historia' },
   { value: 'Memoria', label: 'Memoria' },
   { value: 'Misterio', label: 'Misterio' },
   { value: 'Misterio De Asesinato', label: 'Misterio De Asesinato' },
   { value: 'Adulto', label: 'Adulto' },
   { value: 'Ficción', label: 'Ficción' },
+  { value: 'Ficción Realista', label: 'Ficción Realista' },
   { value: 'No Ficción', label: 'No Ficción' },
   { value: 'Prehistoria', label: 'Prehistoria' },
   { value: 'Política', label: 'Política' },
@@ -148,7 +152,10 @@ const categories: Array<SelectBooksType> = [
   { value: 'Historia Universal', label: 'Historia Universal' },
   { value: 'Viajar', label: 'Viajar' },
   { value: 'Novela Romantica', label: 'Novela Romantica' },
+  { value: 'Novela Policiaca', label: 'Novela Policiaca' },
   { value: 'Cuento', label: 'Cuento' },
+  { value: 'Cuento Corto', label: 'Cuento Corto' },
+  { value: 'Cuento Fantástico', label: 'Cuento Fantástico' },
   { value: 'Ensayo', label: 'Ensayo' },
   { value: 'Autobiografía', label: 'Autobiografía' },
   { value: 'Cyberpunk', label: 'Cyberpunk' },
@@ -164,6 +171,8 @@ const categories: Array<SelectBooksType> = [
   { value: 'Thriller', label: 'Thriller' },
   { value: 'Thriller de Detectives', label: 'Thriller de Detectives' },
   { value: 'Thriller de Espías', label: 'Thriller de Espías' },
+  { value: 'Utópico', label: 'Utópico' },
+  { value: 'Distópico', label: 'Distópico' },
 ];
 
 const format: Array<SelectBooksType> = [

src/pages/Book.tsx

@@ -2,7 +2,7 @@ import React, { lazy, Suspense } from 'react';
 import { useParams, useNavigate, NavLink } from 'react-router-dom';
 import {
   Box,
-  Divider,
+  Center,
   Flex,
   Link,
   Text,
@@ -392,17 +392,19 @@ export default function Book() {
                 Categorías
                 <Box mt='2' borderBottom='1px'></Box>
               </Box>
-              <Suspense
-                fallback={
-                  <Box display='flex' justifyContent='center'>
-                    <Spinner size='lg' />
-                  </Box>
-                }
-              >
-                <Flex direction='column' flexWrap='wrap'>
-                  <Categories />
-                </Flex>
-              </Suspense>
+              <Center h='80%'>
+                <Suspense
+                  fallback={
+                    <Center>
+                      <Spinner size='lg' />
+                    </Center>
+                  }
+                >
+                  <Flex direction='column' flexWrap='wrap'>
+                    <Categories />
+                  </Flex>
+                </Suspense>
+              </Center>
               <Box
                 position='sticky'
                 h='7'