fix: handle invalid image paths in manage token page

packages/adena-extension/src/pages/popup/wallet/manage-token/index.tsx

@@ -7,13 +7,15 @@ import ManageTokenSearch from '@components/pages/manage-token/manage-token';
 import useAppNavigate from '@hooks/use-app-navigate';
 import { useCurrentAccount } from '@hooks/use-current-account';
 import { useTokenBalance } from '@hooks/use-token-balance';
+import { useTokenMetainfo } from '@hooks/use-token-metainfo';
 import { ManageTokenInfo, RoutePath } from '@types';
 
 const ManageTokenSearchContainer: React.FC = () => {
   const { navigate, goBack } = useAppNavigate();
   const [searchKeyword, setSearchKeyword] = useState('');
   const [isClose, setIsClose] = useState(false);
   const { currentAccount } = useCurrentAccount();
+  const { tokenLogoMap } = useTokenMetainfo();
   const { currentBalances, toggleDisplayOption } = useTokenBalance();
 
   useEffect(() => {
@@ -39,11 +41,11 @@ const ManageTokenSearchContainer: React.FC = () => {
             value: BigNumber(metainfo.amount.value).toFormat(),
             denom: metainfo.amount.denom,
           },
-          logo: metainfo.image || `${UnknownTokenIcon}`,
+          logo: tokenLogoMap[metainfo.tokenId] || `${UnknownTokenIcon}`,
         };
       });
     return filteredTokens;
-  }, [searchKeyword, currentBalances]);
+  }, [searchKeyword, currentBalances, tokenLogoMap]);
 
   const moveTokenAddedPage = useCallback(() => {
     navigate(RoutePath.ManageTokenAdded);