🔧 fix issue with images

batcher-ui/Dockerfile.ghostnet

@@ -16,7 +16,6 @@ COPY ./utils ./utils
 COPY ./src ./src
 COPY ./styles ./styles
 COPY ./public ./public
-COPY ./img ./img
 COPY ./config ./config
 COPY ./postcss.config.js ./postcss.config.js
 COPY ./next.config.js ./next.config.js

batcher-ui/components/Footer.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import Image from 'next/image';
-import MarigoldLogo from '../img/marigold-logo.png';
 
 const Footer = () => (
   <footer
@@ -15,7 +14,12 @@ const Footer = () => (
             className="text-zinc-400">
             ©{new Date().getFullYear()} Copyright Marigold
           </a>
-          <Image alt="Marigold Logo" src={MarigoldLogo} />
+          <Image
+            alt="Marigold Logo"
+            src="/marigold-logo.png"
+            height={32}
+            width={32}
+          />
         </div>
 
         <div>

batcher-ui/components/NavBar.tsx

@@ -2,7 +2,6 @@ import React, { useEffect } from 'react';
 import { useDispatch } from 'react-redux';
 import Image from 'next/image';
 import { connectedWallet, disconnectedWallet } from '.././src/actions';
-import BatcherLogo from '../img/batcher-logo.png';
 import { useWallet } from '.././contexts/wallet';
 import Menu from './Menu';
 import LinkComponent from './Link';
@@ -30,7 +29,12 @@ const NavBar = ({ isMenuOpen, setIsMenuOpen }: NavBarProps) => {
     <>
       <div className="flex flex-row justify-between font-custom border-b-4 border-lightgray border-solid bg-darkgray md:text-base">
         <div className="flex gap-2 p-2 items-center">
-          <Image alt="Batcher Logo" src={BatcherLogo} height={32} />
+          <Image
+            alt="Batcher Logo"
+            src={'/batcher-logo.png'}
+            height={32}
+            width={64}
+          />
           <p>BATCHER</p>
           <div className="hidden md:flex md:ml-8 md:items-center">
             <LinkComponent path="/" title={'Swap'} />