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/shared/src/components/markdown/markdown.component.html

@@ -1,8 +1,6 @@
-<ion-item *ngIf="error$ | async as error">
-  <ion-label>
-    <ion-text safeLinks color="danger">{{ error }}</ion-text>
-  </ion-label>
-</ion-item>
+<tui-notification *ngIf="error$ | async as error" status="error" safeLinks>
+  {{ error }}
+</tui-notification>
 
 <div
   *ngIf="content$ | async as result; else loading"
@@ -12,5 +10,5 @@
 ></div>
 
 <ng-template #loading>
-  <text-spinner [text]="'Loading ' + title | titlecase"></text-spinner>
+  <tui-loader [textContent]="'Loading ' + title | titlecase" />
 </ng-template>

web/projects/shared/src/components/markdown/markdown.component.module.ts

@@ -1,22 +1,21 @@
 import { NgModule } from '@angular/core'
 import { CommonModule } from '@angular/common'
-import { IonicModule } from '@ionic/angular'
+import { TuiLoaderModule, TuiNotificationModule } from '@taiga-ui/core'
 import { NgDompurifyModule } from '@tinkoff/ng-dompurify'
 
 import { MarkdownPipeModule } from '../../pipes/markdown/markdown.module'
 import { SafeLinksDirective } from '../../directives/safe-links.directive'
-import { TextSpinnerComponentModule } from '../text-spinner/text-spinner.component.module'
 import { MarkdownComponent } from './markdown.component'
 
 @NgModule({
   declarations: [MarkdownComponent],
   imports: [
     CommonModule,
-    IonicModule,
     MarkdownPipeModule,
-    TextSpinnerComponentModule,
     SafeLinksDirective,
     NgDompurifyModule,
+    TuiLoaderModule,
+    TuiNotificationModule,
   ],
   exports: [MarkdownComponent],
 })