fix: Logout immediate walletconnect (#12503)

<!--
Before opening a pull request, please read the [contributing
guidelines](https://github.com/pancakeswap/pancake-frontend/blob/develop/CONTRIBUTING.md)
first
-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on improving the `useSwitchNetworkV2` and `useAuth`
hooks by enhancing address handling and refining connection logic.

### Detailed summary
- Added `safeGetAddress` utility to ensure checksummed addresses in
`useSwitchNetworkV2`.
- Updated connection logic in `useAuth` to conditionally set `chainId`
based on the connector type.
- Removed unused `router` import and variable in `useAuth`.
- Simplified dependency arrays in `useEffect` hooks.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your
question}`

<!-- end pr-codex -->

Author: memoyil

apps/web/src/hooks/useAuth.tsx

@@ -8,7 +8,6 @@ import {
 } from '@pancakeswap/ui-wallets'
 import { ConnectData } from '@pancakeswap/ui-wallets/src/types'
 import { usePrivy } from '@privy-io/react-auth'
-import { useRouter } from 'next/router'
 import { useCallback } from 'react'
 import { useAppDispatch } from 'state'
 import { CONNECTOR_MAP } from 'utils/wagmi'
@@ -21,12 +20,11 @@ import { useActiveChainId } from './useActiveChainId'
 
 const useAuth = () => {
   const dispatch = useAppDispatch()
-  const { connectAsync, connectors } = useConnect()
+  const { connectAsync } = useConnect()
   const { chain } = useAccount()
   const { disconnectAsync } = useDisconnect()
   const { chainId } = useActiveChainId()
   const { t } = useTranslation()
-  const router = useRouter()
   const { logout: privyLogout, ready, authenticated } = usePrivy()
   const { signOutAndClearUserStates } = useFirebaseAuth()
 
@@ -53,7 +51,10 @@ const useAuth = () => {
       try {
         if (!connector) return
         // eslint-disable-next-line consistent-return
-        return connectAsync({ connector, chainId })
+        return connectAsync({
+          connector,
+          chainId: connectorId === EvmConnectorNames.WalletConnect ? undefined : chainId,
+        })
       } catch (error) {
         if (error instanceof ConnectorNotFoundError) {
           throw new WalletConnectorNotFoundError()
@@ -67,7 +68,7 @@ const useAuth = () => {
         }
       }
     },
-    [connectors, connectAsync, chainId, t, router],
+    [connectAsync, chainId, t],
   )
 
   const logout = useCallback(async () => {
@@ -87,7 +88,7 @@ const useAuth = () => {
         window.localStorage.removeItem('wagmi.store')
       }
     }
-  }, [disconnectAsync, dispatch, chain?.id, authenticated, ready, signOutAndClearUserStates, privyLogout])
+  }, [disconnectAsync, dispatch, chain?.id, chainId, authenticated, ready, signOutAndClearUserStates, privyLogout])
 
   return { login, logout }
 }

apps/web/src/wallet/hook/useSwitchNetworkV2.ts

@@ -5,6 +5,7 @@ import useAuth from 'hooks/useAuth'
 import { useAtomValue, useSetAtom } from 'jotai'
 import { useRouter } from 'next/router'
 import { useCallback, useEffect, useMemo, useRef } from 'react'
+import { safeGetAddress } from 'utils'
 import { Connector, useAccount, useSwitchChain } from 'wagmi'
 import { accountActiveChainAtom } from 'wallet/atoms/accountStateAtoms'
 import { SwitchChainRequest, switchChainUpdatingAtom } from 'wallet/atoms/switchChainRequestAtom'
@@ -98,12 +99,17 @@ const requireLogout = async (connector: Connector, chainId: number, address: `0x
 
     const provider = (await connector.getProvider()) as any
 
+    const checksummedAddress = safeGetAddress(address)
+
     return Boolean(
-      provider &&
-        Array.isArray(provider.session?.namespaces?.eip155?.accounts) &&
-        !provider.session.namespaces.eip155.accounts.some((account: string) =>
-          account?.includes(`${chainId}:${address}`),
-        ),
+      !checksummedAddress ||
+        (provider &&
+          Array.isArray(provider.session?.namespaces?.eip155?.accounts) &&
+          !provider.session.namespaces.eip155.accounts.some(
+            (account: string) =>
+              account?.includes(`${chainId}:${checksummedAddress}`) ||
+              account?.includes(`${chainId}:${checksummedAddress.toLowerCase()}`),
+          )),
     )
   } catch (error) {
     console.error(error, 'Error detecting provider')