Code scanner dialog on http

+ fix code scanner dialog doesnt open on http due to navigator.mediaDevices undefined error

Author: Quenary

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cardholder-pwa",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "scripts": {
     "ng": "ng",
     "start": "ng serve --port=4207 --open",

frontend/src/app/features/card-scanner/card-scanner.component.ts

@@ -1,6 +1,5 @@
 import {
   Component,
-  DestroyRef,
   ElementRef,
   inject,
   NgZone,
@@ -91,14 +90,13 @@ export class CardScannerDeviceSheetComponent {
 export class CardScannerComponent implements OnInit, OnDestroy {
   private readonly matDialogRef = inject(MatDialogRef);
   private readonly reader = new BrowserMultiFormatReader();
-  private readonly destroyRef = inject(DestroyRef);
   private readonly ngZone = inject(NgZone);
   private readonly matBottomSheet = inject(MatBottomSheet);
   private readonly snackService = inject(SnackService);
   private readonly translateService = inject(TranslateService);
 
   private readonly devices$: Observable<MediaDeviceInfo[]> = from(
-    navigator.mediaDevices.getUserMedia({ video: true })
+    navigator?.mediaDevices?.getUserMedia({ video: true }) ?? Promise.reject()
   ).pipe(
     switchMap(() => from(BrowserMultiFormatReader.listVideoInputDevices())),
     shareReplay(1)