Added searchbar to add friends in the application

src/app/pages/social/social.component.html

@@ -6,7 +6,7 @@
     </ion-toolbar>
 </ion-header>
 <ion-content style="--background: #f7f6f2;">
-    <ion-searchbar placeholder="Rechercher par pseudo..." class="mt-2"></ion-searchbar>
+    <app-search-friend></app-search-friend>
 
     <app-title-part textInfo="Demandes reçues"></app-title-part>
     <app-friend-request></app-friend-request>

src/app/pages/social/social.component.ts

@@ -1,8 +1,17 @@
-import {Component} from '@angular/core';
+import {Component, inject, OnInit, signal} from '@angular/core';
 import {TitlePartComponent} from "../../components/title-part/title-part.component";
-import {IonicModule} from "@ionic/angular";
+import {IonicModule, LoadingController, ToastController} from "@ionic/angular";
 import {FriendRequestComponent} from "../../components/friend-request/friend-request.component";
 import {FriendsListComponent} from "../../components/friends/friends-list.component";
+import {addIcons} from "ionicons";
+import {addCircleOutline} from 'ionicons/icons';
+import {GetUserDto, UsersService} from "../../services/api";
+import {firstValueFrom} from "rxjs";
+import {SearchFriendComponent} from "../../components/search-friend/search-friend.component";
+
+addIcons({
+    "send": addCircleOutline
+})
 
 @Component({
     selector: 'app-social',
@@ -12,9 +21,10 @@ import {FriendsListComponent} from "../../components/friends/friends-list.compon
         TitlePartComponent,
         IonicModule,
         FriendRequestComponent,
-        FriendsListComponent
+        FriendsListComponent,
+        SearchFriendComponent
     ]
 })
 export class SocialComponent {
 
-}
+}