feature/marketplace icons (#1921)

* add registry icons, update links, clean up code (#1913)

* add registry icons, update links, clean up code

* remove seeding of registry icon and name

* fix install wizard copy

Co-authored-by: Lucy C <12953208+elvece@users.noreply.github.com>

* remove references to bep and chime

* fix shutdown language and remove chime from initializing screen

* fix type error

Co-authored-by: Matt Hill <MattDHill@users.noreply.github.com>
Co-authored-by: Lucy C <12953208+elvece@users.noreply.github.com>
Co-authored-by: Matt Hill <matthewonthemoon@gmail.com>

frontend/projects/ui/src/app/pages/updates/updates.page.html

@@ -10,7 +10,14 @@
 <ion-content class="ion-padding">
   <ion-item-group *ngIf="data$ | async as data">
     <ng-container *ngFor="let host of data.hosts | keyvalue">
-      <ion-item-divider> {{ host.value }} </ion-item-divider>
+      <ion-item-divider>
+        {{ host.value.name }} &nbsp;
+        <img
+          style="max-width: 24px"
+          [src]="'data:image/png;base64,' + host.value.icon | trustUrl"
+          alt=""
+        />
+      </ion-item-divider>
 
       <div class="ion-padding-start ion-padding-bottom">
         <ion-item *ngIf="data.errors.includes(host.key)">
@@ -25,7 +32,7 @@
           >
             <ion-item *ngFor="let pkg of updates">
               <ng-container *ngIf="data.localPkgs[pkg.manifest.id] as local">
-                <ion-avatar slot="start">
+                <ion-avatar slot="start" class="service-avatar">
                   <img [src]="'data:image/png;base64,' + pkg.icon | trustUrl" />
                 </ion-avatar>
                 <ion-label>

frontend/projects/ui/src/app/pages/updates/updates.page.scss

@@ -1,4 +1,4 @@
-ion-avatar {
+.service-avatar {
   position: absolute;
   top: 6px;
 }

frontend/projects/ui/src/app/pages/updates/updates.page.ts

@@ -12,6 +12,7 @@ import {
   Marketplace,
   MarketplaceManifest,
   MarketplacePkg,
+  StoreIdentifier,
 } from '@start9labs/marketplace'
 import { Emver } from '@start9labs/shared'
 import { Pipe, PipeTransform } from '@angular/core'
@@ -19,7 +20,7 @@ import { combineLatest, Observable } from 'rxjs'
 import { PrimaryRendering } from '../../services/pkg-status-rendering.service'
 
 interface UpdatesData {
-  hosts: Record<string, string>
+  hosts: Record<string, StoreIdentifier>
   marketplace: Marketplace
   localPkgs: Record<string, PackageDataEntry>
   errors: string[]