refactor(ontology): improve ontology editor design (DSP-1376) (#401)

* style(ontology): update position of ontology header

* style(ontology): start to use card for res class

* style(ontology): other icon for external url

* refactor(ontology): using mat-card for res class

* style(ontology): update res class card

* style(ontology): update ontology viewer

* feat(ontology): display class type in class card

* test(ontology): new test for translateSubClassOf pipe

* feat(ontology): add default icons to default class types

* chore(ontology): display icons from default classes

* chore(ontology): init own res class component

* feat(ontology): own res class info component

* refactor(eslint): eslint is not yet implemented

* refactor(ontology): new res class info setup

* test(ontology): init res class info test

* chore(ontology): expanded variable as @input

* test(ontology): add test to res class info

* chore(ontology): update res class info

* feat(ontology): sort ontologies by label

* refactor(ontology): replace translate-subclass-of.pipe

the pipe was too slow

* chore(ontology): clean up commented code

* chore(ontology): delete console.log

* refactor(ontology): clean up empty lines

* docs(ontology): add jsdocs to method

src/app/app.module.ts

@@ -91,6 +91,7 @@ import { AddressTemplateComponent } from './project/board/address-template/addre
 import { OrganisationTemplateComponent } from './project/board/organisation-template/organisation-template.component';
 import { EditListItemComponent } from './project/list/list-item-form/edit-list-item/edit-list-item.component';
 import { PropertyInfoComponent } from './project/ontology/property-info/property-info.component';
+import { ResourceClassInfoComponent } from './project/ontology/resource-class-info/resource-class-info.component';
 
 // translate: AoT requires an exported function for factories
 export function HttpLoaderFactory(httpClient: HttpClient) {
@@ -164,7 +165,8 @@ export function HttpLoaderFactory(httpClient: HttpClient) {
         AddressTemplateComponent,
         OrganisationTemplateComponent,
         EditListItemComponent,
-        PropertyInfoComponent
+        PropertyInfoComponent,
+        ResourceClassInfoComponent
     ],
     imports: [
         AppRoutingModule,

src/app/project/ontology/default-data/default-properties.ts

@@ -160,7 +160,7 @@ export class DefaultProperties {
                 //     group: 'Link'
                 // },
                 {
-                    icon: 'http',
+                    icon: 'language',
                     label: 'External URL',
                     subPropOf: Constants.HasValue,
                     objectType: Constants.UriValue,