replicate download file from chat conversation mobile and web

src/app/modals/view-document/view-document.page.html

@@ -0,0 +1,25 @@
+<ion-header class="ion-no-border">
+  <ion-toolbar class="d-flex">
+    <div class="d-flex align-items-center px-20 pt-20 font-25">
+      <div class="left cursor-pointer" (click)="close()">
+        <!-- <ion-icon class="font-35" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon> -->
+        <fa-icon icon="chevron-left" class="menu-icon"></fa-icon>
+      </div>
+
+      <div class="middle">
+        {{file.title}}
+      </div>
+
+      <div class="right cursor-pointer">
+        <fa-icon icon="ellipsis-v" class="menu-icon"></fa-icon>
+      </div>
+
+    </div>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content class="pt-10 height-100">
+  <div class="height-100">
+    <iframe id="iframe" [src]="trustedUrl" height="100%" width="100%" title="Iframe Example"></iframe>
+  </div>
+</ion-content>