fix: Account disconnect on theme change

apps/frontend-v3/lib/services/chakra/ThemeProvider.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { ChakraProvider, ThemeTypings } from '@chakra-ui/react'
-import { ReactNode } from 'react'
+import { ReactNode, useMemo } from 'react'
 import { theme as balTheme } from './themes/bal/bal.theme'
 import { theme as cowTheme } from './themes/cow/cow.theme'
 import { useCow } from '@repo/lib/modules/cow/useCow'
@@ -17,14 +17,16 @@ export function ThemeProvider({ children }: { children: ReactNode }) {
     return balTheme
   }
 
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const theme = useMemo(() => getTheme(), [isCowPath, isCowVariant])
+
   // Avoid hydration error in turbopack mode
   if (!isMounted) return null
 
   return (
     <ChakraProvider
       cssVarsRoot="body"
-      key={isCowPath ? 'cow' : 'bal'}
-      theme={getTheme()}
+      theme={theme}
       toastOptions={{ defaultOptions: { position: 'bottom-left' } }}
     >
       {children}