Fix home page design.

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

@@ -1,14 +1,16 @@
-<h1>Last articles</h1>
+<h1>Last publications</h1>
 <div class="publication-container">
-    <a *ngFor="let publication of publications$ | async" [routerLink]="['']" class="publication">
-        <img src="/pictures/{{publication.illustrationId}}"/>
-        <h1>{{publication.title}}</h1>
-        <h2>{{publication.description}}</h2>
+    <a *ngFor="let publication of publications$ | async" [routerLink]="['/publications/' + publication.id]" class="publication">
+        <img src="/pictures/{{ publication.illustrationId }}"/>
+        <div class="body">
+            <h1>{{publication.title}}</h1>
+            <h2>{{publication.description}}</h2>
+        </div>
         <div class="footer">
-            <img src="/pictures/{{publication.author.image}}" [matTooltip]="publication.author.name"/>
+            <img src="/pictures/{{ publication.author.image }}" [matTooltip]="publication.author.name"/>
             Publication posted by {{publication.author.name}}
             <span class="publication-date">
-                ({{publication.creationDate}})
+                ({{ publication.creationDate | date: 'short' : 'fr-Fr' }})
             </span>
         </div>
     </a>