Created social page

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

@@ -0,0 +1,16 @@
+<ion-header>
+    <ion-toolbar>
+        <ion-title class="font-mono">
+            Mes amis
+        </ion-title>
+    </ion-toolbar>
+</ion-header>
+<ion-content style="--background: #f7f6f2;">
+    <ion-searchbar placeholder="Rechercher par pseudo..." class="mt-2"></ion-searchbar>
+
+    <app-title-part textInfo="Demandes reçues"></app-title-part>
+    <app-friend-request></app-friend-request>
+
+    <app-title-part textInfo="Amis"></app-title-part>
+    <app-friends-list></app-friends-list>
+</ion-content>

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

@@ -1,10 +1,19 @@
 import {Component} from '@angular/core';
+import {TitlePartComponent} from "../../components/title-part/title-part.component";
+import {IonicModule} from "@ionic/angular";
+import {FriendRequestComponent} from "../../components/friend-request/friend-request.component";
+import {FriendsListComponent} from "../../components/friends/friends-list.component";
 
 @Component({
     selector: 'app-social',
     templateUrl: './social.component.html',
     styleUrls: ['./social.component.scss'],
-    imports: []
+    imports: [
+        TitlePartComponent,
+        IonicModule,
+        FriendRequestComponent,
+        FriendsListComponent
+    ]
 })
 export class SocialComponent {