fix: add ? to src on image as contentstack cannot handle &

components/Current/Footer/index.tsx

@@ -1,10 +1,12 @@
 import { request } from "@/lib/request"
-import type { LangParams } from "@/types/params"
-import { GetFooterData } from "@/types/requests/footer"
 import { GetFooter } from "@/lib/graphql/Query/Footer.graphql"
-import Script from "next/script"
-import Image from "next/image"
+
+import Image from "@/components/Image"
 import Navigation from "./Navigation"
+import Script from "next/script"
+
+import type { GetFooterData } from "@/types/requests/footer"
+import type { LangParams } from "@/types/params"
 
 export default async function Footer({ lang }: LangParams) {
   const response = await request<GetFooterData>(GetFooter, {
@@ -23,19 +25,16 @@ export default async function Footer({ lang }: LangParams) {
             data-nosvgsrc="/Static/img/scandic-logotype-white.png" // what here?
             height="22"
             src={footerData.logoConnection.edges[0].node.url}
-            unoptimized
             width="102"
           />
           <span className="hidden--accessible">Scandic</span>
         </h2>
         <ul className="l-footer-sections">
-          {footerData.navigation.map((group) => {
-            return (
-              <li className="global-footer-section" key={group.title}>
-                <div className="link-list-top-header">{group.title}</div>
-              </li>
-            )
-          })}
+          {footerData.navigation.map((group) => (
+            <li className="global-footer-section" key={group.title}>
+              <div className="link-list-top-header">{group.title}</div>
+            </li>
+          ))}
         </ul>
 
         <div
@@ -85,7 +84,6 @@ export default async function Footer({ lang }: LangParams) {
                             footerData.app_downloads.app_store.imageConnection
                               .edges[0].node.url
                           }
-                          unoptimized
                           width={135}
                         />
                       </a>
@@ -113,7 +111,6 @@ export default async function Footer({ lang }: LangParams) {
                             footerData.app_downloads.google_play.imageConnection
                               .edges[0].node.url
                           }
-                          unoptimized
                           width={135}
                         />
                       </a>
@@ -240,7 +237,6 @@ display: none;
               alt="Trip Advisor logotype"
               height={24}
               src={footerData.trip_advisor.logoConnection.edges[0].node.url}
-              unoptimized
               width={160}
             />
           </div>