[UXP-88] add missing directives imports

Author: FrancescoMolinaro

src/app/item-page/mirador-viewer/mirador-viewer.component.spec.ts

@@ -264,12 +264,17 @@ describe('MiradorViewerComponent on browser in prod mode', () => {
     viewerService.showEmbeddedViewer.and.returnValue(true);
     viewerService.getImageCount.and.returnValue(observableOf(1));
     TestBed.configureTestingModule({
-      imports: [TranslateModule.forRoot({
-        loader: {
-          provide: TranslateLoader,
-          useClass: TranslateLoaderMock,
-        },
-      }), MiradorViewerComponent],
+      imports: [
+        TranslateModule.forRoot({
+          loader: {
+            provide: TranslateLoader,
+            useClass: TranslateLoaderMock,
+          },
+        }),
+        MiradorViewerComponent,
+        SafeUrlPipe,
+        VarDirective,
+      ],
       providers: [
         { provide: BitstreamDataService, useValue: {} },
         { provide: BundleDataService, useValue: {} },

src/app/item-page/mirador-viewer/mirador-viewer.component.ts

@@ -43,6 +43,7 @@ import {
   HostWindowService,
   WidthCategory,
 } from '../../shared/host-window.service';
+import { VarDirective } from '../../shared/utils/var.directive';
 import { MiradorViewerService } from './mirador-viewer.service';
 
 const IFRAME_UPDATE_URL_MESSAGE = 'update-url';
@@ -63,6 +64,7 @@ interface IFrameMessageData {
     AsyncPipe,
     NgIf,
     SafeUrlPipe,
+    VarDirective,
   ],
   standalone: true,
 })