fix(image): replace deprecated Next.js Image props (#1433)

Author: clintonlunn

src/components/media/slideshow/ResponsiveImage.tsx

@@ -27,7 +27,7 @@ export default function ResponsiveImage ({ mediaUrl, isHero = true, isSquare = f
         fill
         sizes={sizes}
         priority={isHero}
-        onLoadingComplete={() => setLoading(false)}
+        onLoad={() => setLoading(false)}
         style={{
           objectFit: isSquare ? 'cover' : 'contain'
         }}

src/components/ui/__tests__/Card.tsx

@@ -14,9 +14,8 @@ test('Card renders a header and a body', async () => {
         <Image
           src={imageURL}
           alt=''
-          objectFit='cover'
-          objectPosition='center'
-          layout='fill'
+          fill
+          style={{ objectFit: 'cover', objectPosition: 'center' }}
         />
       }
       header='Some Header Content'