Replacing Image components with img

web/components/header.tsx

@@ -3,7 +3,6 @@ import { Popover } from '@headlessui/react'
 import Link from 'next/link'
 import { useUser } from '../hooks/use-user'
 import { firebaseLogin } from '../lib/firebase/users'
-import Image from 'next/image'
 
 const navigation = [
   {
@@ -64,12 +63,10 @@ export function Header(props: { darkBackground?: boolean }) {
             <div className="flex items-center justify-between w-full md:w-auto">
               <Link href="/">
                 <a className="flex flex-row items-center align-items-center h-6 sm:h-10">
-                  <div className="inline-block mr-3 mt-2">
-                    <Image
+                  <div className="inline-block mr-3">
+                    <img
                       className="h-6 sm:h-10"
                       src="/logo-icon.svg"
-                      width={40}
-                      height={40}
                     />
                   </div>
                   <span

web/pages/account.tsx

@@ -5,7 +5,6 @@ import { useUser } from '../hooks/use-user'
 import { useState, useEffect } from 'react'
 import { Contract, listContracts } from '../lib/firebase/contracts'
 import { ContractsList } from '../components/contracts-list'
-import Image from 'next/image'
 
 export default function Account() {
   const user = useUser()
@@ -25,11 +24,9 @@ export default function Account() {
           <div className="card glass lg:card-side text-neutral-content bg-green-600 hover:bg-green-600 transition-all max-w-sm mx-auto my-12">
             <figure className="p-6">
               {user?.avatarUrl && (
-                <Image
+                <img
                   src={user.avatarUrl}
                   className="rounded-lg shadow-lg"
-                  width={96}
-                  height={96}
                 />
               )}
             </figure>