feat: implement mobile header (#2559)

* feat: implement mobile header

* chore: remove remaining ties to old ui project

* chore: remove ionic from login page

* chore: address comments

web/projects/marketplace/src/components/store-icon/store-icon.component.html

@@ -1,10 +0,0 @@
-<img
-  *ngIf="icon; else noIcon"
-  class="rounded-full"
-  [style.max-width]="size || '100%'"
-  [src]="icon"
-  alt="Service Icon"
-/>
-<ng-template #noIcon>
-  <ion-icon name="storefront-outline" [style.font-size]="size"></ion-icon>
-</ng-template>

web/projects/marketplace/src/components/store-icon/store-icon.component.module.ts

@@ -1,11 +1,11 @@
 import { NgModule } from '@angular/core'
 import { CommonModule } from '@angular/common'
-import { IonicModule } from '@ionic/angular'
+import { TuiIconModule } from '@taiga-ui/experimental'
 import { StoreIconComponent } from './store-icon.component'
 
 @NgModule({
   declarations: [StoreIconComponent],
-  imports: [CommonModule, IonicModule],
+  imports: [CommonModule, TuiIconModule],
   exports: [StoreIconComponent],
 })
 export class StoreIconComponentModule {}

web/projects/marketplace/src/components/store-icon/store-icon.component.ts

@@ -3,8 +3,18 @@ import { MarketplaceConfig, sameUrl } from '@start9labs/shared'
 
 @Component({
   selector: 'store-icon',
-  templateUrl: './store-icon.component.html',
-  styleUrls: ['./store-icon.component.scss'],
+  template: `
+    <img
+      *ngIf="icon; else noIcon"
+      [style.border-radius.%]="100"
+      [style.max-width]="size || '100%'"
+      [src]="icon"
+      alt="Service Icon"
+    />
+    <ng-template #noIcon>
+      <tui-icon icon="tuiIconShoppingCart" [style.font-size]="size" />
+    </ng-template>
+  `,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class StoreIconComponent {