fix: Fix dark img src and fix tests

Author: calvin-codecov

src/pages/PlanPage/subRoutes/InvoiceDetailsPage/InvoiceDetail.test.tsx

@@ -1,6 +1,7 @@
 import { render, screen, waitFor } from '@testing-library/react'
 import { MemoryRouter } from 'react-router-dom'
 
+import { ThemeContextProvider } from 'shared/ThemeContext/ThemeContext'
 import { Plans } from 'shared/utils/billing'
 
 import InvoiceDetail from './InvoiceDetail'
@@ -117,7 +118,9 @@ describe('InvoiceDetail', () => {
     })
     render(
       <MemoryRouter initialEntries={[url]}>
-        <InvoiceDetail />
+        <ThemeContextProvider>
+          <InvoiceDetail />
+        </ThemeContextProvider>
       </MemoryRouter>
     )
   }

src/pages/PlanPage/subRoutes/InvoiceDetailsPage/sections/InvoiceHeader.test.tsx

@@ -3,6 +3,7 @@ import { MemoryRouter, Route, Switch } from 'react-router-dom'
 import { z } from 'zod'
 
 import { InvoiceSchema } from 'services/account'
+import { ThemeContextProvider } from 'shared/ThemeContext/ThemeContext'
 import { Plans } from 'shared/utils/billing'
 
 import InvoiceHeader from './InvoiceHeader'
@@ -114,9 +115,11 @@ const accountDetails = ({ collectionMethod = '' } = {}) => {
 const wrapper: React.FC<React.PropsWithChildren> = ({ children }) => (
   <MemoryRouter initialEntries={['/plan/gh/invoices/9']}>
     <Switch>
-      <Route path="/plan/:provider/invoices/:id" exact>
-        {children}
-      </Route>
+      <ThemeContextProvider>
+        <Route path="/plan/:provider/invoices/:id" exact>
+          {children}
+        </Route>
+      </ThemeContextProvider>
     </Switch>
   </MemoryRouter>
 )

src/pages/PlanPage/subRoutes/InvoiceDetailsPage/sections/InvoiceHeader.tsx

@@ -31,7 +31,7 @@ function InvoiceHeader({ invoice, accountDetails }: InvoiceHeaderProps) {
           <LightDarkImg
             alt="Codecov Logo"
             src="/logo.svg"
-            darkSrc="/logo-dark.svg"
+            darkSrc="/logo_dark.svg"
             width={200}
           />
         </div>