test: use top-level import in SignButton tests

Replace per-test dynamic imports with a standard static import,
matching the pattern used in TransactionButton and SwitchNetwork tests.

Closes #455

Author: gabitoesmiapodo

src/components/sharedComponents/SignButton.test.tsx

@@ -3,6 +3,7 @@ import { render, screen } from '@testing-library/react'
 import type { ReactNode } from 'react'
 import { createElement } from 'react'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
+import SignButton from './SignButton'
 
 const mockSwitchChain = vi.fn()
 const mockSignMessageAsync = vi.fn()
@@ -54,7 +55,7 @@ describe('SignButton', () => {
     vi.clearAllMocks()
   })
 
-  it('renders connect button when wallet needs connect', async () => {
+  it('renders connect button when wallet needs connect', () => {
     mockedUseWalletStatus.mockReturnValue({
       isReady: false,
       needsConnect: true,
@@ -64,15 +65,13 @@ describe('SignButton', () => {
       switchChain: mockSwitchChain,
     })
 
-    const { default: SignButton } = await import('./SignButton')
-
     renderWithChakra(<SignButton message="Hello" />)
 
     expect(screen.getByTestId('connect-wallet-button')).toBeInTheDocument()
     expect(screen.queryByText('Sign Message')).toBeNull()
   })
 
-  it('renders custom fallback when provided and wallet needs connect', async () => {
+  it('renders custom fallback when provided and wallet needs connect', () => {
     mockedUseWalletStatus.mockReturnValue({
       isReady: false,
       needsConnect: true,
@@ -82,8 +81,6 @@ describe('SignButton', () => {
       switchChain: mockSwitchChain,
     })
 
-    const { default: SignButton } = await import('./SignButton')
-
     renderWithChakra(
       <SignButton
         message="Hello"
@@ -95,7 +92,7 @@ describe('SignButton', () => {
     expect(screen.queryByText('Sign Message')).toBeNull()
   })
 
-  it('renders switch chain button when wallet needs chain switch', async () => {
+  it('renders switch chain button when wallet needs chain switch', () => {
     mockedUseWalletStatus.mockReturnValue({
       isReady: false,
       needsConnect: false,
@@ -107,16 +104,14 @@ describe('SignButton', () => {
       switchChain: mockSwitchChain,
     })
 
-    const { default: SignButton } = await import('./SignButton')
-
     renderWithChakra(<SignButton message="Hello" />)
 
     expect(screen.getByText(/Switch to/)).toBeInTheDocument()
     expect(screen.getByText(/OP Mainnet/)).toBeInTheDocument()
     expect(screen.queryByText('Sign Message')).toBeNull()
   })
 
-  it('renders sign button when wallet is ready', async () => {
+  it('renders sign button when wallet is ready', () => {
     mockedUseWalletStatus.mockReturnValue({
       isReady: true,
       needsConnect: false,
@@ -126,8 +121,6 @@ describe('SignButton', () => {
       switchChain: mockSwitchChain,
     })
 
-    const { default: SignButton } = await import('./SignButton')
-
     renderWithChakra(<SignButton message="Hello" />)
 
     expect(screen.getByText('Sign Message')).toBeInTheDocument()