feat: Add Download type and document download field, unify preview zoom styling

frontend/src/styles/preview/preview-zoom.css

@@ -26,37 +26,32 @@
   align-items: center;
   justify-content: center;
   z-index: 6000001;
-  --preview-padding: 1.5vmin;
-  --header-clearance: calc(2.5rem + 0.5rem);
-}
-
-.preview-zoom__stage--pdf {
   width: 100%;
   height: 100%;
+  --preview-padding: 1.5vmin;
+  --header-clearance: calc(2.5rem + 0.5rem);
 }
 
 .preview-zoom__image {
   width: auto;
   height: auto;
   box-shadow: 0 32px 120px var(--shadow-deep);
+  cursor: default;
+  max-width: calc(100vw - 2 * var(--preview-padding, 1.5vmin));
+  max-height: calc(100vh - var(--header-clearance) - 2 * var(--preview-padding, 1.5vmin));
+  touch-action: manipulation;
 }
 
 .preview-zoom__scroll {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding-top: var(--header-clearance);
-  box-sizing: border-box;
-}
-
-.preview-zoom__scroll--pdf {
   width: 100%;
   height: 100%;
   padding: 0;
+  padding-top: var(--header-clearance);
   box-sizing: border-box;
   overflow: auto;
-  align-items: flex-start;
-  justify-content: center;
   --pdf-viewer-stack-padding: var(--preview-padding);
 }
 
@@ -64,25 +59,8 @@
   outline: none;
 }
 
-.preview-zoom__scroll--native {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  cursor: zoom-out;
-  justify-content: flex-start;
-  align-items: flex-start;
-}
 
 
-.preview-zoom__pdf {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: flex-start;
-  padding-top: var(--header-clearance);
-  box-sizing: border-box;
-}
 
 .preview-zoom__pdf-viewer {
   width: 100%;