remove unused components

ui/shared/TokenLogo.tsx

-import { Image, chakra, Skeleton } from '@chakra-ui/react';
-import React from 'react';
-
-import type { TokenInfo } from 'types/api/token';
-
-import TokenLogoPlaceholder from 'ui/shared/TokenLogoPlaceholder';
-
-export interface Props {
-  data?: Pick<TokenInfo, | 'icon_url' | 'name'>;
-  className?: string;
-  isLoading?: boolean;
-}
-
-// TODO @tom2drum - remove this component
-const TokenLogo = ({ className, isLoading, data }: Props) => {
-
-  if (isLoading) {
-    return <Skeleton className={ className } borderRadius="base" flexShrink={ 0 }/>;
-  }
-
-  return (
-    <Image
-      borderRadius="base"
-      className={ className }
-      src={ data?.icon_url ?? undefined }
-      alt={ `${ data?.name || 'token' } logo` }
-      fallback={ <TokenLogoPlaceholder className={ className }/> }
-    />
-  );
-};
-
-export default React.memo(chakra(TokenLogo));

ui/shared/address/AddressContractIcon.tsx

-import { Box, chakra, Tooltip, useColorModeValue } from '@chakra-ui/react';
-import React from 'react';
-
-type Props = {
-  className?: string;
-}
-
-/**
- * @deprecated use `ui/shared/entities/**` instead
- */
-const AddressContractIcon = ({ className }: Props) => {
-  const bgColor = useColorModeValue('gray.200', 'gray.600');
-  const color = useColorModeValue('gray.400', 'gray.200');
-
-  return (
-    <Tooltip label="Contract">
-      <Box
-        className={ className }
-        width="24px"
-        minWidth="24px"
-        height="24px"
-        borderRadius="12px"
-        backgroundColor={ bgColor }
-        color={ color }
-        display="inline-flex"
-        alignItems="center"
-        justifyContent="center"
-        fontWeight="700"
-        transitionProperty="background-color,color"
-        transitionDuration="normal"
-        transitionTimingFunction="ease"
-      >
-          C
-      </Box>
-    </Tooltip>
-  );
-};
-
-export default chakra(AddressContractIcon);

ui/shared/address/AddressIcon.tsx

-import { Box, chakra, Skeleton, Tooltip } from '@chakra-ui/react';
-import React from 'react';
-import Jazzicon, { jsNumberForAddress } from 'react-jazzicon';
-
-import type { AddressParam } from 'types/api/addressParams';
-
-import AddressContractIcon from 'ui/shared/address/AddressContractIcon';
-
-type Props = {
-  address: Pick<AddressParam, 'hash' | 'is_contract' | 'implementation_name'>;
-  className?: string;
-  isLoading?: boolean;
-}
-
-// TODO @tom2drum - remove this component
-/**
- * @deprecated use `ui/shared/entities/**` instead
- */
-const AddressIcon = ({ address, className, isLoading }: Props) => {
-  if (isLoading) {
-    return <Skeleton boxSize={ 6 } className={ className } borderRadius="full" flexShrink={ 0 }/>;
-  }
-
-  if (address.is_contract) {
-    return (
-      <AddressContractIcon className={ className }/>
-    );
-  }
-
-  return (
-    <Tooltip label={ address.implementation_name }>
-      <Box className={ className } boxSize={ 6 } display="inline-flex">
-        <Jazzicon diameter={ 24 } seed={ jsNumberForAddress(address.hash) }/>
-      </Box>
-    </Tooltip>
-  );
-};
-
-export default chakra(AddressIcon);