Fixing warnings related to next/image for Next 13

Author: mariana-caldas

components/containers/Card.js

@@ -1,4 +1,4 @@
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import Link from 'next/link';
 import styles from '@/styles/Card.module.scss';
 

components/containers/Member.js

@@ -1,4 +1,4 @@
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import styles from '@/styles/Member.module.scss';
 
 export default function Member({

components/containers/TwoColumn.js

@@ -1,4 +1,4 @@
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import ButtonLink from '@/components/buttons/ButtonLink';
 import Container from '@/components/containers/Container';
 import styles from '@/styles/TwoColumn.module.scss';

components/layout/Footer.js

@@ -1,7 +1,7 @@
 import footerStyles from '@/styles/Footer.module.scss';
 import { linksNav, linksSocial } from '@/utils/links';
 import NewsletterSubscribe from '@/components/mailchimp/NewsletterSubscribe';
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import Container from '@/components/containers/Container';
 
 export default function Footer() {

components/layout/Hero.js

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import Nav from '@/components/layout/Nav';
 import Container from '@/components/containers/Container';
 import styles from '@/styles/Hero.module.scss';

components/layout/Nav.js

@@ -1,5 +1,5 @@
 import { useState, useEffect, useRef } from 'react';
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import { useRouter } from 'next/router';
 import Container from '@/components/containers/Container';
 import styles from '@/styles/Nav.module.scss';

components/mailchimp/NewsletterForm.js

@@ -1,5 +1,5 @@
 import { createRef, useState } from 'react';
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import { decode } from 'html-entities';
 import ReCAPTCHA from 'react-google-recaptcha';
 import Container from '@/components/containers/Container';