Fixed Quizzes routing.

src/components/BiographySearchBar.tsx

@@ -46,7 +46,7 @@ function SearchBar() {
                 {result.content}
               </IonCardContent>
             </IonItem>
-            <IonItem routerLink={`/Question`} detail={true}>
+            <IonItem routerLink={`/Question/${result.id}`} detail={true}>
               <IonIcon icon={square} />Tomar quiz
             </IonItem>
           </IonCard>

src/components/CapsuleSearchBar.tsx

@@ -44,23 +44,3 @@ function SearchBar() {
   );
 }
 export default SearchBar;
-
-
-/*
-             <>
-                <IonCard>
-                  <IonItem routerLink={`/Biography/${listbio.id}`}>
-                    <IonImg style={{ height: 300, width: 600 }} src={RobertoClemente} alt='Logo'></IonImg>
-                    <IonCardHeader>
-                      <IonCardTitle>{listbio.title}</IonCardTitle>
-                      <IonCardSubtitle>{listbio.tags}</IonCardSubtitle>
-                    </IonCardHeader><IonCardContent>
-                      {listbio.content}
-                    </IonCardContent>
-                  </IonItem>
-                  <IonItem routerLink={`/Question`} detail={true}>
-                    <IonIcon icon={square} />Tomar quiz
-                  </IonItem>
-                </IonCard>
-              </>
-*/

src/pages/HomePage.tsx

@@ -25,6 +25,7 @@ import EnciclopediaPR from '../assets/EnciclopediaPR.png';
 const HomePage: React.FC = () => {
   return (
     <IonPage>
+
       <IonHeader>
         <IonToolbar className="Header-Color">
           <IonGrid fixed={true}>
@@ -39,10 +40,11 @@ const HomePage: React.FC = () => {
           </IonGrid>
         </IonToolbar>
       </IonHeader>
+
       <IonContent fullscreen>
         <div className='Item-Center'>
+          <IonCard>
           <IonItem routerLink={`/ListBiographies`} detail={true}>
-            <IonCard>
               <IonCardHeader>
                 <IonCardTitle>Biografías</IonCardTitle>
                 <IonCardSubtitle>Lista de todas las biografías</IonCardSubtitle>
@@ -61,6 +63,7 @@ const HomePage: React.FC = () => {
           </IonCard>
         </div>
       </IonContent>
+      
       <IonFooter>
         <IonToolbar className="Footer-Color">
           <div className='Item-Center'>
@@ -73,6 +76,7 @@ const HomePage: React.FC = () => {
           </div>
         </IonToolbar>
       </IonFooter>
+
     </IonPage>
   );
 };