fix: adjust code to overcome the breaking changes (ionic 4 to 5)

Closes #70

src/app/modules/data/data.html

@@ -13,6 +13,6 @@
 </ion-header>
 
 
-<ion-content padding>
+<ion-content class="ion-padding">
 
 </ion-content>

src/app/modules/data/detail/data-detail.html

@@ -4,10 +4,10 @@
   <ion-back-button></ion-back-button>
   <ion-menu-button></ion-menu-button>
   </ion-buttons>
-    <ion-title text-center>{{'data.detail.TITLE' | translate}}</ion-title>
+    <ion-title class="ion-text-center">{{'data.detail.TITLE' | translate}}</ion-title>
   </ion-toolbar>
 </ion-header>
-<ion-content padding>
+<ion-content class="ion-padding">
   <ion-refresher slot="fixed" (ionRefresh)="refresh($event.target)">
     <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="{{'data.REFRESH_ACTION' | translate}}"
       refreshingText="{{'data.REFRESHING' | translate}}">

src/app/modules/data/list/data-list-item.html

@@ -1,4 +1,4 @@
-<ion-item text-wrap button="true" lines="inset" [routerLink]="['/data-detail', item.uid]">
+<ion-item class="ion-text-wrap" button="true" lines="inset" [routerLink]="['/data-detail', item.uid]">
   <ion-thumbnail slot="start">
     <img class="stapps-{{item.type}}-thumbnail" src="{{item.image}}" onError="this.src='../../assets/imgs/logo.png';" alt="{{item.name}}" />
   </ion-thumbnail>

src/app/modules/data/list/data-list.html

@@ -17,7 +17,7 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
+<ion-content id="data-list">
   <ion-list *ngIf="items">
     <stapps-data-list-item [item]="item" *ngFor="let item of items"></stapps-data-list-item>
   </ion-list>