Update client dependencies

client/package.json

@@ -51,10 +51,10 @@
     "@angular/platform-browser-dynamic": "^18.0.4",
     "@angular/router": "^18.0.4",
     "@angular/service-worker": "^18.0.4",
-    "@ng-bootstrap/ng-bootstrap": "^17.0.0",
-    "@ngx-loading-bar/core": "^6.0.0",
-    "@ngx-loading-bar/http-client": "^6.0.0",
-    "@ngx-loading-bar/router": "^6.0.0",
+    "@ng-bootstrap/ng-bootstrap": "^18.0.0",
+    "@ngx-loading-bar/core": "^7.0.0",
+    "@ngx-loading-bar/http-client": "^7.0.0",
+    "@ngx-loading-bar/router": "^7.0.0",
     "@peertube/maildev": "^1.2.0",
     "@peertube/p2p-media-loader-core": "^1.0.20",
     "@peertube/p2p-media-loader-hlsjs": "^1.0.20",
@@ -81,7 +81,7 @@
     "@wdio/mocha-framework": "^8.10.4",
     "@wdio/shared-store-service": "^8.10.5",
     "@wdio/spec-reporter": "^8.10.5",
-    "angularx-qrcode": "18.0.1",
+    "angularx-qrcode": "19.0.0",
     "bootstrap": "^5.1.3",
     "buffer": "^6.0.3",
     "chart.js": "^4.3.0",
@@ -103,8 +103,8 @@
     "lodash-es": "^4.17.4",
     "markdown-it": "14.1.0",
     "markdown-it-emoji": "^3.0.0",
-    "ngx-uploadx": "^6.1.0",
-    "primeng": "^17.3.1",
+    "ngx-uploadx": "^7.0.0",
+    "primeng": "^17",
     "rxjs": "^7.3.0",
     "sha.js": "^2.4.11",
     "socket.io-client": "^4.5.4",

client/src/app/+my-account/my-account-settings/my-account-two-factor/my-account-two-factor.component.ts

@@ -6,16 +6,15 @@ import { AuthService, Notifier, User } from '@app/core'
 import { USER_EXISTING_PASSWORD_VALIDATOR, USER_OTP_TOKEN_VALIDATOR } from '@app/shared/form-validators/user-validators'
 import { FormReactiveService } from '@app/shared/shared-forms/form-reactive.service'
 import { TwoFactorService } from '@app/shared/shared-users/two-factor.service'
-import { QRCodeModule } from 'angularx-qrcode'
+import { QRCodeComponent } from 'angularx-qrcode'
 import { InputTextComponent } from '../../../shared/shared-forms/input-text.component'
-import { GlobalIconComponent } from '../../../shared/shared-icons/global-icon.component'
 
 @Component({
   selector: 'my-account-two-factor',
   templateUrl: './my-account-two-factor.component.html',
   styleUrls: [ './my-account-two-factor.component.scss' ],
   standalone: true,
-  imports: [ GlobalIconComponent, NgIf, FormsModule, ReactiveFormsModule, InputTextComponent, QRCodeModule ]
+  imports: [ NgIf, FormsModule, ReactiveFormsModule, InputTextComponent, QRCodeComponent ]
 })
 export class MyAccountTwoFactorComponent implements OnInit {
   twoFactorAlreadyEnabled: boolean

client/src/app/shared/shared-share-modal/video-share.component.ts

@@ -1,4 +1,4 @@
-import { NgClass, NgFor, NgIf } from '@angular/common'
+import { NgFor, NgIf } from '@angular/common'
 import { Component, ElementRef, Input, ViewChild } from '@angular/core'
 import { FormsModule } from '@angular/forms'
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser'
@@ -18,7 +18,7 @@ import {
 import { buildPlaylistLink, buildVideoLink, decoratePlaylistLink, decorateVideoLink } from '@peertube/peertube-core-utils'
 import { VideoCaption, VideoPlaylistPrivacy, VideoPrivacy } from '@peertube/peertube-models'
 import { buildVideoOrPlaylistEmbed } from '@root-helpers/video'
-import { QRCodeModule } from 'angularx-qrcode'
+import { QRCodeComponent } from 'angularx-qrcode'
 import { InputTextComponent } from '../shared-forms/input-text.component'
 import { PeertubeCheckboxComponent } from '../shared-forms/peertube-checkbox.component'
 import { TimestampInputComponent } from '../shared-forms/timestamp-input.component'
@@ -70,13 +70,12 @@ type TabId = 'url' | 'qrcode' | 'embed'
     NgbNavLinkBase,
     NgbNavContent,
     InputTextComponent,
-    QRCodeModule,
+    QRCodeComponent,
     NgbNavOutlet,
     PeertubeCheckboxComponent,
     FormsModule,
     PluginPlaceholderComponent,
     TimestampInputComponent,
-    NgClass,
     NgFor,
     NgbCollapse,
     AlertComponent