creation and last balance update

ui/address/AddressDetails.tsx

-import { Box, Flex, Text, Icon, Button, Grid, Select } from '@chakra-ui/react';
+import { Box, Flex, Text, Icon, Button, Grid, Select, Link } from '@chakra-ui/react';
 import type { UseQueryResult } from '@tanstack/react-query';
 import { useQuery } from '@tanstack/react-query';
 import BigNumber from 'bignumber.js';
@@ -9,13 +9,16 @@ import type { Address as TAddress, AddressCounters, AddressTokenBalance } from '
 import { QueryKeys } from 'types/client/queries';
 
 import appConfig from 'configs/app/config';
+import blockIcon from 'icons/block.svg';
 import metamaskIcon from 'icons/metamask.svg';
 import qrCodeIcon from 'icons/qr_code.svg';
 import starOutlineIcon from 'icons/star_outline.svg';
 import walletIcon from 'icons/wallet.svg';
 import useFetch from 'lib/hooks/useFetch';
 import useIsMobile from 'lib/hooks/useIsMobile';
+import link from 'lib/link/link';
 import AddressIcon from 'ui/shared/address/AddressIcon';
+import AddressLink from 'ui/shared/address/AddressLink';
 import CopyToClipboard from 'ui/shared/CopyToClipboard';
 import DetailsInfoItem from 'ui/shared/DetailsInfoItem';
 import ExternalLink from 'ui/shared/ExternalLink';
@@ -91,6 +94,16 @@ const AddressDetails = ({ addressQuery }: Props) => {
         templateColumns={{ base: 'minmax(0, 1fr)', lg: 'auto minmax(0, 1fr)' }} overflow="hidden"
       >
         <AddressNameInfo data={ addressQuery.data }/>
+        { addressQuery.data.is_contract && addressQuery.data.creation_tx_hash && addressQuery.data.creator_address_hash && (
+          <DetailsInfoItem
+            title="Creator"
+            hint="Transaction and address of creation."
+          >
+            <AddressLink hash={ addressQuery.data.creator_address_hash } truncation="constant"/>
+            <Text whiteSpace="pre"> at </Text>
+            <AddressLink hash={ addressQuery.data.creation_tx_hash } truncation="constant"/>
+          </DetailsInfoItem>
+        ) }
         <AddressBalance data={ addressQuery.data }/>
         <DetailsInfoItem
           title="Tokens"
@@ -144,6 +157,23 @@ const AddressDetails = ({ addressQuery }: Props) => {
             { Number(countersQuery.data.validation_count).toLocaleString() }
           </DetailsInfoItem>
         ) }
+        { addressQuery.data.block_number_balance_updated_at && (
+          <DetailsInfoItem
+            title="Last balance update"
+            hint="Block number in which the address was updated."
+            alignSelf="center"
+            py={{ base: 0, lg: 1 }}
+          >
+            <Link
+              href={ link('block', { id: String(addressQuery.data.block_number_balance_updated_at) }) }
+              display="flex"
+              alignItems="center"
+            >
+              <Icon as={ blockIcon } boxSize={ 6 } mr={ 2 }/>
+              { addressQuery.data.block_number_balance_updated_at }
+            </Link>
+          </DetailsInfoItem>
+        ) }
       </Grid>
     </Box>
   );

ui/address/details/AddressBalance.tsx

@@ -34,6 +34,7 @@ const AddressBalance = ({ data }: Props) => {
         ...prevData,
         coin_balance: balance,
         exchange_rate: exchangeRate,
+        block_number_balance_updated_at: blockNumber,
       };
     });
   }, [ data.hash, lastBlockNumber, queryClient ]);