Swallow any errors when opportunistically looking up token names

Any time we display an address, we want to check out if it has
a token name. However, if it does not, we get a 404 error, and hence,
a big ugly exception on the console. This change flags this request
so that any error will be swallowed.

Author: csillag

.changelog/2163.internal.md

@@ -0,0 +1 @@
+Swallow any errors when opportunistically looking up token names

src/app/hooks/useAccountMetadata.ts

@@ -36,6 +36,7 @@ export const useAccountMetadata = (scope: SearchScope, address: string): Account
     // The type cast is OK because whenever we are on consensus, we will set enabled to false
     enabled: !registryData?.metadata && scope.layer !== 'consensus',
     useCaching: true,
+    swallowError: true,
   })
   const tokenData: AccountMetadataInfo = {
     metadata: token ? { address: token.contract_addr, name: token.name, source: 'SelfProfessed' } : undefined,

src/app/pages/TokenDashboardPage/hook.ts

@@ -20,16 +20,18 @@ interface UseTokenInfoParams {
   /** Defaults to true */
   enabled?: boolean
   useCaching?: boolean
+  swallowError?: boolean
 }
 
 export const useTokenInfo = (scope: RuntimeScope, address: string, params: UseTokenInfoParams = {}) => {
   const { network, layer } = scope
-  const { enabled, useCaching } = params
+  const { enabled, useCaching, swallowError = false } = params
   const query = useGetRuntimeEvmTokensAddress(network, layer, address, {
     query: {
       enabled,
       staleTime: useCaching ? 3600000 : undefined,
     },
+    request: swallowError ? ({ swallowError } as any) : undefined,
   })
   const token = query.data?.data
   const { isLoading, isError, isFetched } = query