chore: update Taiga to 5 (#3136)

* chore: update Taiga to 5

* chore: fix

web/projects/marketplace/src/components/menu/menu.component.scss

@@ -1,4 +1,4 @@
-@use '@taiga-ui/core/styles/taiga-ui-local' as taiga;
+@use '@taiga-ui/styles/utils' as taiga;
 
 :host {
   margin: 0;

web/projects/marketplace/src/pages/show/dependencies/dependency-item.component.ts

@@ -15,12 +15,9 @@ import { MarketplacePkgBase } from '../../../types'
   selector: 'marketplace-dep-item',
   template: `
     <div class="outer-container">
-      <tui-avatar
-        appearance="action-grayscale"
-        class="dep-img"
-        size="l"
-        [src]="getImage(dep.key)"
-      />
+      <span tuiAvatar appearance="action-grayscale" class="dep-img" size="l">
+        <img alt="" [src]="getImage(dep.key)" />
+      </span>
       <div>
         <tui-line-clamp [linesLimit]="2" [content]="titleContent" />
         <ng-template #titleContent>
@@ -107,8 +104,10 @@ export class MarketplaceDepItemComponent {
   dep!: KeyValue<string, T.DependencyMetadata>
 
   getImage(key: string) {
-    const icon = this.pkg.dependencyMetadata[key]?.icon
-    return icon ? icon : 'assets/img/service-icons/fallback.png'
+    return (
+      this.pkg.dependencyMetadata[key]?.icon ||
+      'assets/img/service-icons/fallback.png'
+    )
   }
 
   getTitle(key: string): string {

web/projects/marketplace/src/pages/show/flavors.component.ts

@@ -1,9 +1,8 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
 import { RouterLink } from '@angular/router'
 import { i18nPipe, TrustUrlPipe } from '@start9labs/shared'
-import { TuiTitle } from '@taiga-ui/core'
+import { TuiTitle, TuiCell } from '@taiga-ui/core'
 import { TuiAvatar } from '@taiga-ui/kit'
-import { TuiCell } from '@taiga-ui/layout'
 import { MarketplacePkg } from '../../types'
 
 @Component({
@@ -21,10 +20,9 @@ import { MarketplacePkg } from '../../types'
             [queryParams]="{ id: pkg.id, flavor: pkg.flavor }"
             queryParamsHandling="merge"
           >
-            <tui-avatar
-              appearance="action-grayscale"
-              [src]="pkg.icon | trustUrl"
-            />
+            <span tuiAvatar appearance="action-grayscale">
+              <img alt="" [src]="pkg.icon | trustUrl" />
+            </span>
             <span tuiTitle>
               {{ pkg.title }}
               <span tuiSubtitle>{{ pkg.version }}</span>

web/projects/marketplace/src/pages/show/screenshots.component.ts

@@ -4,7 +4,7 @@ import {
   inject,
   Input,
 } from '@angular/core'
-import { TUI_IS_MOBILE } from '@taiga-ui/cdk'
+import { WA_IS_MOBILE } from '@ng-web-apis/platform'
 import { TuiButton, TuiDialogContext, TuiDialogService } from '@taiga-ui/core'
 import { TuiCarousel } from '@taiga-ui/kit'
 import { PolymorpheusContent } from '@taiga-ui/polymorpheus'
@@ -130,7 +130,7 @@ export class MarketplacePackageScreenshotComponent {
 
   index = 0
 
-  isMobile = inject(TUI_IS_MOBILE)
+  isMobile = inject(WA_IS_MOBILE)
 
   presentModalImg(content: PolymorpheusContent<TuiDialogContext>) {
     this.dialogs