keeping consistent by using p-avatar

Author: esthersoftwaredev

angular-primeng-app/src/app/components/post-details/post-details.component.html

@@ -13,7 +13,7 @@ <h1 class="title">{{ post.title }}</h1>
                 }
             </p-avatarGroup>
           } @else {
-             <img class="author-image" [src]="post.author.profilePicture" alt="{{ post.author.name}}">
+             <p-avatar [image]="coAuthor.profilePicture" size="large"  shape="circle" title="{{ coAuthor.username}}"></p-avatar>
             }
           <div class="author-text">
             <span class="author-name">{{post.author.name}} {{isTeam && post.coAuthors.length > 0 ? 'with ' +post.coAuthors.length + ' co-author' + (post.coAuthors.length > 1 ? 's' : '') : ''}}</span>