feat: migrate to Angular 14 and RxJS 7 (#1681)

* feat: migrate to Angular 14 and RxJS 7

* chore: update ng-qrcode

* chore: update patch-db

* chore: remove unnecessary generics

frontend/projects/ui/src/app/pages/apps-routes/app-list/package-info.pipe.ts

@@ -14,10 +14,6 @@ export class PackageInfoPipe implements PipeTransform {
   transform(pkg: PackageDataEntry): Observable<PkgInfo> {
     return this.patch
       .watch$('package-data', pkg.manifest.id)
-      .pipe(
-        filter<PackageDataEntry>(Boolean),
-        startWith(pkg),
-        map(getPackageInfo),
-      )
+      .pipe(filter(Boolean), startWith(pkg), map(getPackageInfo))
   }
 }

frontend/projects/ui/src/app/pages/marketplace-routes/marketplace-show/marketplace-show-controls/marketplace-show-controls.component.ts

@@ -21,6 +21,7 @@ import { ApiService } from 'src/app/services/api/embassy-api.service'
 import { Breakages } from 'src/app/services/api/api.types'
 import { PatchDbService } from 'src/app/services/patch-db/patch-db.service'
 import { getAllPackages } from 'src/app/util/get-package-data'
+import { firstValueFrom } from 'rxjs'
 
 @Component({
   selector: 'marketplace-show-controls',
@@ -136,12 +137,12 @@ export class MarketplaceShowControlsComponent {
     const { id, version } = this.pkg.manifest
 
     try {
-      await this.marketplaceService
-        .installPackage({
+      await firstValueFrom(
+        this.marketplaceService.installPackage({
           id,
           'version-spec': `=${version}`,
-        })
-        .toPromise()
+        }),
+      )
     } catch (e: any) {
       this.errToast.present(e)
     } finally {

frontend/projects/ui/src/app/pages/marketplace-routes/marketplace-show/marketplace-show.page.ts

@@ -23,10 +23,7 @@ export class MarketplaceShowPage {
 
   readonly localPkg$ = this.patch
     .watch$('package-data', this.pkgId)
-    .pipe(
-      filter<PackageDataEntry>(Boolean),
-      shareReplay({ bufferSize: 1, refCount: true }),
-    )
+    .pipe(filter(Boolean), shareReplay({ bufferSize: 1, refCount: true }))
 
   readonly pkg$: Observable<MarketplacePkg | null> = this.loadVersion$.pipe(
     switchMap(version =>