fix(#2470): disable cards for brasil in useraccount

src/features/UserAccount/index.tsx

@@ -3,6 +3,7 @@ import { Route } from 'react-router-dom'
 import { PAGES } from 'config'
 import { isProduction } from 'config/env'
 import { userAccountLexics } from 'config/lexics/userAccount'
+import { useAuthStore } from 'features/AuthStore'
 
 import { usePageLogger } from 'hooks/usePageLogger'
 
@@ -29,6 +30,7 @@ import { CompanyInfo } from '../CompanyInfo'
 import { PoweredByInstat } from './components/PoweredByInstat/PoweredByInstat'
 
 const UserAccount = () => {
+  const { user } = useAuthStore()
   usePageLogger(PAGES.useraccount)
   useLexicsConfig(userAccountLexics)
 
@@ -41,7 +43,10 @@ const UserAccount = () => {
             <StyledLink to={`${PAGES.useraccount}/personal-info`}>
               <T9n t='personal_info' />
             </StyledLink>
-            <StyledLink to={`${PAGES.useraccount}/bank-cards`}>
+            <StyledLink
+              disabled={user?.profile?.country_code === 'BR'}
+              to={`${PAGES.useraccount}/bank-cards`}
+            >
               <T9n t='bank_card' />
             </StyledLink>
             <StyledLink