style: improve design and add logo

- show data icons in thumbnails in data list items
- add app logo
- fix various visibility issues

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

@@ -4,7 +4,7 @@
   <ion-back-button></ion-back-button>
   <ion-menu-button></ion-menu-button>
   </ion-buttons>
-    <ion-title class="ion-text-center">{{'data.detail.TITLE' | translate}}</ion-title>
+    <ion-title>{{'data.detail.TITLE' | translate}}</ion-title>
   </ion-toolbar>
 </ion-header>
 <ion-content class="ion-padding">
@@ -37,7 +37,21 @@
       <stapps-skeleton-simple-card></stapps-skeleton-simple-card>
     </ng-container>
     <ng-container *ngSwitchDefault>
-      <stapps-data-list-item [item]="item"></stapps-data-list-item>
+      <ion-item class="ion-text-wrap" lines="inset">
+        <ion-thumbnail slot="start">
+          <ion-icon color="medium" [attr.name]="item.type | dataIcon"></ion-icon>
+        </ion-thumbnail>
+        <ion-grid *ngSwitchDefault>
+          <ion-row>
+            <ion-col>
+              <div class="ion-text-wrap">
+                <h2 class="name">{{item.name}}</h2>
+                <ion-note>{{item.type}}</ion-note>
+              </div>
+            </ion-col>
+          </ion-row>
+        </ion-grid>
+      </ion-item>
       <stapps-data-detail-content [item]="item"></stapps-data-detail-content>
     </ng-container>
   </div>