fix: img loading order (#9433)

Author: SevereCloud

packages/vkui/src/components/ContentCard/ContentCard.tsx

@@ -102,14 +102,17 @@ export const ContentCard = ({
       >
         {(src || srcSet) && (
           <img
+            // safari и firefox нужно чтобы атрибут `loading` был до `src`
+            //
+            // https://mihaly4.ru/image-loading-lazy-bug
+            loading={loading}
             ref={getRef}
             className={styles.img}
             src={src}
             srcSet={srcSet}
             alt={alt}
             crossOrigin={crossOrigin}
             decoding={decoding}
-            loading={loading}
             referrerPolicy={referrerPolicy}
             sizes={sizes}
             useMap={useMap}

packages/vkui/src/components/ImageBase/ImageBase.tsx

@@ -257,6 +257,10 @@ export const ImageBase: React.FC<ImageBaseProps> & {
   } = useMergeProps<React.ComponentProps<'img'> & HasRootRef<HTMLImageElement> & HasDataAttribute>(
     hasSrc
       ? {
+          // safari и firefox нужно чтобы атрибут `loading` был до `src`
+          //
+          // https://mihaly4.ru/image-loading-lazy-bug
+          loading,
           getRootRef: getRef,
           alt,
           className: classNames(
@@ -269,7 +273,6 @@ export const ImageBase: React.FC<ImageBaseProps> & {
           ),
           crossOrigin,
           decoding,
-          loading,
           referrerPolicy,
           style: mergeStyle(
             keepAspectRatio