Added posts and possibility to like post

src/app/pages/publication/publication.component.html

@@ -5,5 +5,24 @@
 </ion-header>
 
 <ion-content style="--background: #f7f6f2;">
-    <app-post [posts]="posts()"></app-post>
+    @if (posts().length) {
+        <app-post [posts]="posts()"></app-post>
+    } @else {
+        <ion-item lines="none" class="mt-[60%]" style="--background: #F7F6F2;">
+            <div class="flex flex-col items-center w-full gap-3">
+                <div class="relative w-14 h-14">
+                    <div class="w-14 h-14 rounded-full bg-white border border-stone-200 flex items-center justify-center">
+                        <ion-icon name="planet" class="text-2xl text-stone-400"></ion-icon>
+                    </div>
+                    <div class="absolute -bottom-0.5 -right-0.5 w-5 h-5 rounded-full bg-white border border-stone-200 flex items-center justify-center">
+                        <ion-icon name="moon-outline" class="text-[10px] text-stone-400"></ion-icon>
+                    </div>
+                </div>
+                <div class="text-center flex flex-col gap-1">
+                    <p class="m-0 text-sm font-medium text-stone-400">C'est bien vide par ici</p>
+                    <p class="m-0 text-xs text-stone-300 leading-relaxed">Les challengers dorment encore</p>
+                </div>
+            </div>
+        </ion-item>
+    }
 </ion-content>