Added tooltip components

src/app/pages/home/home.component.html

@@ -10,9 +10,23 @@
                 <ion-icon slot="icon-only" name="add"></ion-icon>
             </ion-button>
         </ion-buttons>
-        <ion-title>BeReady</ion-title>
+        <ion-title class="font-mono">BeReady</ion-title>
     </ion-toolbar>
 </ion-header>
 
 <ion-content style="--background: #f7f6f2;">
+    <div class="mt-4">
+        <app-title-part textInfo="Défi bonus du jour"></app-title-part>
+        <app-challenge-card></app-challenge-card>
+    </div>
+
+    <div class="mt-4">
+        <app-title-part textInfo="Vote en attente"></app-title-part>
+        <app-challenge-card></app-challenge-card>
+    </div>
+
+    <div class="mt-4">
+        <app-title-part textInfo="Défis en cours"></app-title-part>
+        <app-challenge-card></app-challenge-card>
+    </div>
 </ion-content>

src/app/pages/home/home.component.ts

@@ -2,6 +2,8 @@ import {Component} from '@angular/core';
 import {IonicModule} from "@ionic/angular";
 import {addIcons} from "ionicons";
 import {walkOutline, addOutline} from "ionicons/icons";
+import {TitlePartComponent} from "../../components/title-part/title-part.component";
+import {ChallengeCardComponent} from "../../components/challenge-card/challenge-card.component";
 
 addIcons({
     'profile': walkOutline,
@@ -13,7 +15,9 @@ addIcons({
     templateUrl: './home.component.html',
     styleUrls: ['./home.component.scss'],
     imports: [
-        IonicModule
+        IonicModule,
+        TitlePartComponent,
+        ChallengeCardComponent
     ]
 })
 export class HomeComponent {