Stop the metadata preview from being clipped

The preview box is a flex item in the fixed-height modal column, so default
flex-shrink squeezed it and overflow-hidden cropped tall images to a slice.
shrink-0 keeps its natural size (capped at 60vh) and lets the column scroll.

frontend/src/features/upload/UploadPage.tsx

@@ -562,20 +562,20 @@ function MetadataForm({
 
       <div className="grid min-h-0 flex-1 overflow-y-auto lg:grid-cols-[minmax(0,1fr)_minmax(0,34rem)] lg:overflow-hidden">
         <div className="flex min-w-0 flex-col gap-5 p-5 lg:overflow-y-auto">
-          <div className="w-fit max-w-full self-start overflow-hidden rounded-md border border-ctp-surface0 bg-ctp-mantle">
+          <div className="w-fit max-w-full shrink-0 self-start overflow-hidden rounded-md border border-ctp-surface0 bg-ctp-mantle">
             {mediaUrl ? (
               isVideo ? (
                 <video
                   src={mediaUrl}
                   controls
                   muted
-                  className="block h-auto max-h-[70vh] w-auto max-w-full"
+                  className="block h-auto max-h-[60vh] w-auto max-w-full"
                 />
               ) : (
                 <img
                   src={mediaUrl}
                   alt={temp.original_filename}
-                  className="block h-auto max-h-[70vh] w-auto max-w-full"
+                  className="block h-auto max-h-[60vh] w-auto max-w-full"
                 />
               )
             ) : (