fix(accessibility): separate items in post card

Related to #244 (closed)

What does this MR do and why?

En remplaçant le role="button" par un role="link", quand on navigue avec un lecteur d'écran (avec les flèches), cela permet qu'on puisse lire chaque ligne de la post-card l'une après l'autre en utilisant la flèche descendante.

src/app/post/components/post-card/post-card.component.html

-<div *ngIf="post" class="post" tabindex="0" role="button" (click)="showDetails(post)" (keyup.enter)="showDetails(post)">
+<div *ngIf="post" class="post" tabindex="0" role="link" (click)="showDetails(post)" (keyup.enter)="showDetails(post)">
   <div class="imageContainer">
     <img *ngIf="post.feature_image" alt="{{ post.feature_image_alt }}" [src]="post.feature_image" />
     <img