feat(shared): Ticker add new component and use it in marketplace (#1940)

frontend/projects/marketplace/src/pages/show/dependencies/dependencies.component.html

@@ -8,7 +8,11 @@
     >
       <ion-item [routerLink]="['/marketplace', dep.key]">
         <ion-thumbnail slot="start">
-          <img alt="" [src]="getImg(dep.key) | trustUrl" />
+          <img
+            alt=""
+            style="border-radius: 100%"
+            [src]="getImg(dep.key) | trustUrl"
+          />
         </ion-thumbnail>
         <ion-label>
           <h2>

frontend/projects/marketplace/src/pages/show/package/package.component.html

@@ -5,7 +5,7 @@
     [src]="'data:image/png;base64,' + pkg.icon | trustUrl"
   />
   <div class="text">
-    <h1 class="title">{{ pkg.manifest.title }}</h1>
+    <h1 ticker class="title">{{ pkg.manifest.title }}</h1>
     <p class="version">{{ pkg.manifest.version | displayEmver }}</p>
     <p class="published">
       Released: {{ pkg['published-at'] | date: 'medium' }}

frontend/projects/marketplace/src/pages/show/package/package.component.scss

@@ -7,11 +7,13 @@
 .text {
   display: inline-block;
   vertical-align: top;
+  overflow: hidden;
 }
 
 .logo {
   width: 80px;
   margin-right: 16px;
+  border-radius: 100%;
 }
 
 .title {

frontend/projects/marketplace/src/pages/show/package/package.module.ts

@@ -1,12 +1,22 @@
 import { CommonModule } from '@angular/common'
 import { NgModule } from '@angular/core'
 import { IonicModule } from '@ionic/angular'
-import { EmverPipesModule, SharedPipesModule } from '@start9labs/shared'
+import {
+  EmverPipesModule,
+  SharedPipesModule,
+  TickerModule,
+} from '@start9labs/shared'
 
 import { PackageComponent } from './package.component'
 
 @NgModule({
-  imports: [CommonModule, IonicModule, SharedPipesModule, EmverPipesModule],
+  imports: [
+    CommonModule,
+    IonicModule,
+    SharedPipesModule,
+    EmverPipesModule,
+    TickerModule,
+  ],
   declarations: [PackageComponent],
   exports: [PackageComponent],
 })