refactor: use ion-img where lazy load needed

src/app/modules/data/types/dish/dish-detail-content.html

@@ -5,7 +5,7 @@
   <ion-card-content *ngFor="let characteristic of ('characteristics' | thingTranslate: item)">
     <p>
       <img *ngIf="characteristic.image"
-        [src]="characteristic.image" /><span>&nbsp;{{characteristic.name}}</span>&nbsp;&nbsp;
+        [src]="characteristic.image" alt=""/><span>&nbsp;{{characteristic.name}}</span>&nbsp;&nbsp;
     </p>
   </ion-card-content>
 </ion-card>

src/app/modules/menu/navigation/navigation.html

@@ -6,7 +6,7 @@
           <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>
-          <img src="assets/imgs/logo.png" />
+          <img src="assets/imgs/logo.png" alt=""/>
           <span class="text">StApps</span>
         </ion-title>
       </ion-toolbar>

src/app/modules/news/page/news-item.html

@@ -1,15 +1,14 @@
 <ion-card>
 <span *ngIf="item.url; else imageNoUrl">
   <a href="{{item.url}}">
-    <ion-thumbnail>
-      <img src="{{item.image}}" onerror="this.style.display = 'none'; this.nextSibling.style.display='block'" />
+    <ion-thumbnail><ion-img src="{{item.image}}" (ionError)="$event.target.nextSibling.style.display='block'" alt=""></ion-img>
       <ion-icon name="newspaper-outline"></ion-icon>
     </ion-thumbnail>
   </a>
 </span>
   <ng-template #imageNoUrl>
     <ion-thumbnail>
-      <img src="{{item.image}}" onerror="this.style.display = 'none'; this.nextSibling.style.display='block'" />
+      <ion-img src="{{item.image}}" (ionError)="$event.target.nextSibling.style.display='block'" alt=""></ion-img>
       <ion-icon name="newspaper-outline"></ion-icon>
     </ion-thumbnail>
   </ng-template>