add close button

packages/app/src/components/PagePresentationModal.module.scss

@@ -1,4 +1,24 @@
 .grw-presentation-modal :global {
+  .close {
+    position: absolute;
+    top: 1rem;
+    right: 1rem;
+    z-index: 1;
+
+    span {
+      display: inline-block;
+      width: 3rem;
+      height: 3rem;
+      font-size: 3rem;
+      line-height: 3rem;
+    }
+  }
+
   .modal-body {
+    padding: 0;
+  }
+  .modal-content {
+    background-color: transparent;
+    border-radius: 0;
   }
 }

packages/app/src/components/PagePresentationModal.tsx

@@ -37,6 +37,9 @@ const PagePresentationModal = (): JSX.Element => {
       className={`grw-presentation-modal ${styles['grw-presentation-modal']} grw-body-only-modal-expanded`}
       unmountOnClose={false}
     >
+      <button className="close" type="button" aria-label="close" onClick={closePresentationModal}>
+        <span className="text-white" aria-hidden>×</span>
+      </button>
       <ModalBody className="modal-body">
         {/* { markdown != null && (
           <ReactMarkdown {...rendererOptions}>