feat: Add new dark logo and fix broken invoice img

Author: calvin-codecov

public/logo_dark.svg

@@ -4,6 +4,7 @@ import { z } from 'zod'
 
 import { AccountDetailsSchema, InvoiceSchema } from 'services/account'
 import { CollectionMethods } from 'shared/utils/billing'
+import LightDarkImg from 'ui/LightDarkImg'
 
 import { generateAddressInfo } from './generateAddressInfo'
 import InvoiceOverview from './InvoiceOverview'
@@ -27,9 +28,10 @@ function InvoiceHeader({ invoice, accountDetails }: InvoiceHeaderProps) {
       <div className="flex justify-between">
         <InvoiceOverview isPaid={isPaid} invoice={invoice} dueDate={dueDate} />
         <div>
-          <img
+          <LightDarkImg
             alt="Codecov Logo"
-            src={`${process.env.PUBLIC_URL}/logo.svg`}
+            src="/logo.svg"
+            darkSrc="/logo-dark.svg"
             width={200}
           />
         </div>