refactor: remove width prop and move to new directory

Author: camerow

…/components/collectibles/src20-image.tsx src/app/components/src20/src20-image.tsxsrc/app/components/collectibles/src20-image.tsx renamed to src/app/components/src20/src20-image.tsx src/app/components/collectibles/src20-image.tsx renamed to src/app/components/src20/src20-image.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 
 import { css } from 'leather-styles/css';
 
-import { Eye1ClosedIcon } from '@leather.io/ui';
+import { Src20AvatarIcon } from '@leather.io/ui';
 
 interface Src20ImageProps {
   alt?: string;
@@ -14,7 +14,7 @@ export function Src20Image(props: Src20ImageProps) {
   const [isLoading, setIsLoading] = useState(true);
   const [width, setWidth] = useState(0);
 
-  if (isError) return <Eye1ClosedIcon />;
+  if (isError) return <Src20AvatarIcon />;
 
   return (
     <img
@@ -29,7 +29,6 @@ export function Src20Image(props: Src20ImageProps) {
       src={src}
       className={css({
         width: 'xl',
-        aspectRatio: '1 / 1',
         borderRadius: '100%',
         objectFit: 'cover',
         // display: 'none' breaks onLoad event firing

src/app/features/asset-list/bitcoin/src20-token-asset-list/src20-token-asset-list.tsx

@@ -4,10 +4,9 @@ import { Src20AvatarIcon } from '@leather.io/ui';
 import { getAssetDisplayName } from '@leather.io/utils';
 
 import { useManageTokens } from '@app/common/hooks/use-manage-tokens';
-import { CollectibleImage } from '@app/components/collectibles/collectible-image';
-import { Src20Image } from '@app/components/collectibles/src20-image';
 import { CryptoAssetItem } from '@app/components/crypto-asset-item/crypto-asset-item';
 import type { Src20TokenAssetDetails } from '@app/components/loaders/src20-tokens-loader';
+import { Src20Image } from '@app/components/src20/src20-image';
 import { useIsPrivateMode } from '@app/store/settings/settings.selectors';
 
 import type { AssetRightElementVariant } from '../../asset-list';