Fix tall image final state

The initial animation frame is still off on both platforms.

src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.android.tsx

@@ -325,10 +325,13 @@ const ImageItem = ({
       {translateY: translateY},
       {scale},
     ]
+    const screenSize = measureSafeArea()
     return {
-      width: '100%',
-      aspectRatio: imageAspect,
       transform: scaleAndMoveTransform.concat(manipulationTransform),
+      width: screenSize.width,
+      maxHeight: screenSize.height,
+      aspectRatio: imageAspect,
+      alignSelf: 'center',
     }
   })
 

src/view/com/lightbox/ImageViewing/index.tsx

@@ -640,8 +640,16 @@ function interpolateTransform(
     uncroppedInitialWidth = thumbnailDims.width
     uncroppedInitialHeight = thumbnailDims.width / imageAspect
   }
-  const finalWidth = safeArea.width
+  const safeAreaAspect = safeArea.width / safeArea.height
-  const finalHeight = safeArea.width / imageAspect
+  let finalWidth
+  let finalHeight
+  if (safeAreaAspect > imageAspect) {
+    finalWidth = safeArea.height * imageAspect
+    finalHeight = safeArea.height
+  } else {
+    finalWidth = safeArea.width
+    finalHeight = safeArea.width / imageAspect
+  }
   const initialScale = Math.min(
     uncroppedInitialWidth / finalWidth,
     uncroppedInitialHeight / finalHeight,