fix(gatsby-plugin-image): Fix blur up on navigate issue (#29333) (#29354)

Co-authored-by: gatsbybot <[email protected]>
(cherry picked from commit 1443ecd)

Co-authored-by: Matt Kane <[email protected]>

Author: abhiaiyer91

packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx

@@ -60,6 +60,7 @@ export const GatsbyImageHydrator: FunctionComponent<GatsbyImageProps> = function
   image,
   onLoad: customOnLoad,
   backgroundColor,
+  loading = `lazy`,
   ...props
 }) {
   if (!image) {
@@ -169,6 +170,7 @@ export const GatsbyImageHydrator: FunctionComponent<GatsbyImageProps> = function
               toggleIsLoaded(true)
             },
             ref,
+            loading,
             ...props,
           },
           root,

packages/gatsby-plugin-image/src/components/lazy-hydrate.tsx

@@ -59,7 +59,7 @@ export function lazyHydrate(
   }
 
   const cacheKey = JSON.stringify(images)
-  const hasLoaded = !hydrated.current && hasImageLoaded(cacheKey)
+  const hasLoaded = hasImageLoaded(cacheKey)
 
   imgStyle = {
     objectFit,