chore: legacy image

Author: fPolic

src/modules/home/components/hero/index.tsx

@@ -1,5 +1,5 @@
 import UnderlineLink from "@modules/common/components/underline-link"
-import Image from "next/image"
+import Image from "next/legacy/image"
 
 const Hero = () => {
   return (

src/modules/layout/components/footer-cta/index.tsx

@@ -1,5 +1,5 @@
 import UnderlineLink from "@modules/common/components/underline-link"
-import Image from "next/image"
+import Image from "next/legacy/image"
 
 const FooterCTA = () => {
   return (

src/modules/products/components/image-gallary/index.tsx

@@ -1,5 +1,5 @@
 import { Image as MedusaImage } from "@medusajs/medusa"
-import Image from "next/image"
+import Image from "next/legacy/image"
 import { useRef } from "react"
 
 type ImageGalleryProps = {

src/modules/products/components/thumbnail/index.tsx

@@ -1,7 +1,7 @@
 import { Image as MedusaImage } from "@medusajs/medusa"
 import PlaceholderImage from "@modules/common/icons/placeholder-image"
 import clsx from "clsx"
-import Image from "next/image"
+import Image from "next/legacy/image"
 import React from "react"
 
 type ThumbnailProps = {