fix(mobile): images in the body cannot be displayed without specified width and height

Author: DIYgod

apps/mobile/web-app/html-renderer/src/components/image.tsx

@@ -53,7 +53,7 @@ export const MarkdownImage = (props: HTMLProps<"img">) => {
         })
       }}
     >
-      {image?.blurhash && (
+      {image?.blurhash && scaleWidth && scaleHeight && (
         <Blurhash
           hash={image.blurhash}
           width={scaleWidth}
@@ -68,13 +68,14 @@ export const MarkdownImage = (props: HTMLProps<"img">) => {
         {...rest}
         onLoad={() => setIsLoading(false)}
         style={{
-          width: scaleWidth,
-          height: scaleHeight,
+          width: scaleWidth || undefined,
+          height: scaleHeight || undefined,
         }}
         loading="lazy"
         className={clsx(
-          "absolute inset-0 !my-0 transition-opacity duration-500",
+          "!my-0 transition-opacity duration-500",
           isLoading && "opacity-0",
+          scaleWidth && scaleHeight && "absolute inset-0",
         )}
         crossOrigin="anonymous"
         src={src}