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/data-icon.pipe.ts

@@ -0,0 +1,66 @@
+/*
+ * Copyright (C) 2021 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+import {Pipe, PipeTransform} from '@angular/core';
+import {SCThingType} from '@openstapps/core';
+
+/**
+ * Converts the data type text into the icon name
+ */
+@Pipe({
+  name: 'dataIcon',
+})
+export class DataIconPipe implements PipeTransform {
+  /**
+   * Mapping from data types to ionic icons to show
+   */
+  typeIconMap: {[type in SCThingType] : string; };
+
+  constructor() {
+    this.typeIconMap = {
+      'academic event': 'school',
+      'article': 'document',
+      'book': 'book',
+      'building': 'location',
+      'catalog': 'folder',
+      'contact point': 'call',
+      'course of studies': 'school',
+      'date series': 'calendar',
+      'dish': 'restaurant',
+      'favorite': 'heart',
+      'floor': 'caret-up-circle',
+      'message': 'newspaper',
+      'organization': 'briefcase',
+      'person': 'person',
+      'point of interest': 'location',
+      'room': 'location',
+      'semester': 'school',
+      'setting': 'settings',
+      'sport course': 'football',
+      'study module': 'school',
+      'ticket': 'ticket',
+      'todo': 'checkbox',
+      'tour': 'help-buoy',
+      'video': 'videocam',
+      'diff': 'swap-horizontal',
+    };
+  }
+
+/**
+ * Provide the icon name from the data type
+ */
+  transform(type: SCThingType): string {
+    return this.typeIconMap[type];
+  }
+}