fix react-query cache name collision issue

Author: ckeshava

src/containers/Vault/VaultHeader/index.tsx

@@ -111,7 +111,7 @@ export const VaultHeader = ({ data, vaultId, displayCurrency }: Props) => {
 
   // Fetch MPTokenIssuance to get the DomainID (vault credential)
   const { data: mptIssuanceData } = useQuery(
-    ['getMPTIssuance', vaultShareMptId],
+    ['getVaultShareMPTIssuance', vaultShareMptId],
     async () => {
       if (!vaultShareMptId) return null
       const resp = await getMPTIssuance(rippledSocket, vaultShareMptId)
@@ -145,9 +145,7 @@ export const VaultHeader = ({ data, vaultId, displayCurrency }: Props) => {
 
   const renderMPTSharesLink = () => {
     if (!vaultShareMptId) return '-'
-    return (
-      <Currency currency={vaultShareMptId} isMPT={true} link={true} />
-    )
+    return <Currency currency={vaultShareMptId} isMPT link />
   }
 
   return (

src/containers/Vault/VaultHeader/test/VaultHeader.test.tsx

@@ -905,12 +905,10 @@ describe('VaultHeader Component', () => {
         </TestWrapper>,
       )
 
-      // Should display truncated ID: first 8 chars + "..." + last 6 chars
-      // expectedTruncated = "SHARE123...DEF12"
-      const expectedTruncated = `${shareMptId.substring(0, 8)}...${shareMptId.substring(shareMptId.length - 6)}`
-
       // Verify link is present and href is correct
-      const sharesLink = screen.getByRole('link', { name: expectedTruncated })
+      const sharesLink = screen.getByRole('link', {
+        name: `MPT (${shareMptId})`,
+      })
       expect(sharesLink.getAttribute('href')).toBe(`/mpt/${shareMptId}`)
     })
 

src/containers/shared/components/Account.tsx

@@ -10,7 +10,6 @@ export interface AccountProps {
 
 export const Account = (props: AccountProps) => {
   const { account, displayText, link = true, tag } = props
-  console.log(props)
   const parts = account.split(':')
   const computedTag = tag || parts[1]