fix(mobile): fix vertical image rendering in bookmark info

Author: MohamedBassem

apps/mobile/components/bookmarks/BookmarkAssetView.tsx

@@ -45,10 +45,11 @@ export default function BookmarkAssetView({
         images={[assetSource]}
       />
 
-      <Pressable onPress={() => setImageZoom(true)}>
+      <Pressable className="flex-1" onPress={() => setImageZoom(true)}>
         <BookmarkAssetImage
           assetId={bookmark.content.assetId}
-          className="h-56 min-h-56 w-full"
+          className="h-full w-full"
+          contentFit="contain"
         />
       </Pressable>
     </View>

apps/mobile/components/bookmarks/BookmarkCard.tsx

@@ -185,7 +185,8 @@ function useAssetCardContext({
     media: (
       <BookmarkAssetImage
         assetId={assetImage}
-        className="h-56 min-h-56 w-full"
+        className="h-56 min-h-56 w-full bg-muted"
+        contentFit="contain"
       />
     ),
     compactMedia: (