feat: Full width images (#4389)

* feat: Full width images

* lint

* fix: Enable TOC overlaid on full size images

* Vendorize react-medium-image-zoom

* tsc

* fix

* Remove body scroll lock

shared/editor/components/Styles.ts

@@ -247,9 +247,6 @@ li {
     pointer-events: ${props.readOnly ? "initial" : "none"};
     display: inline-block;
     max-width: 100%;
-    transition-property: width, height;
-    transition-duration: 150ms;
-    transition-timing-function: ease-in-out;
   }
 
   .ProseMirror-selectednode img {
@@ -289,6 +286,20 @@ li {
   clear: initial;
 }
 
+.image-full-width {
+  width: initial;
+  max-width: 100vw;
+  clear: both;
+  position: initial;
+
+  img {
+    max-width: 100vw;
+    max-height: 50vh;
+    object-fit: cover;
+    object-position: center;
+  }
+}
+
 .ProseMirror-hideselection *::selection {
   background: transparent;
 }