review fixes

ui/pages/ApiKeys.tsx

@@ -57,7 +57,6 @@ const ApiKeysPage: React.FC = () => {
     if (isLoading || isError) {
       return (
         <>
-          <Skeleton height={ 6 } width="250px" borderRadius="full" marginBottom={ 12 }/>
           <SkeletonTable columns={ [ '100%', '108px' ] }/>
           <Skeleton height="44px" width="156px" marginTop={ 8 }/>
         </>
@@ -67,10 +66,6 @@ const ApiKeysPage: React.FC = () => {
     const canAdd = data.length < DATA_LIMIT;
     return (
       <>
-        <Text marginBottom={ 12 }>
-          Create API keys to use for your RPC and EthRPC API requests. For more information, see { space }
-          <Link href="#">“How to use a Blockscout API key”</Link>.
-        </Text>
         <ApiKeyTable
           data={ data }
           onDeleteClick={ onDeleteClick }
@@ -100,6 +95,10 @@ const ApiKeysPage: React.FC = () => {
     <Page>
       <Box h="100%">
         <AccountPageHeader text="API keys"/>
+        <Text marginBottom={ 12 }>
+          Create API keys to use for your RPC and EthRPC API requests. For more information, see { space }
+          <Link href="#">“How to use a Blockscout API key”</Link>.
+        </Text>
         { content }
       </Box>
       <ApiKeyModal { ...apiKeyModalProps } onClose={ onApiKeyModalClose } data={ apiKeyModalData }/>

ui/privateTags/PrivateAddressTags.tsx

@@ -40,10 +40,17 @@ const PrivateAddressTags = ({ addressTags }: Props) => {
     deleteModalProps.onClose();
   }, [ deleteModalProps ]);
 
+  const description = (
+    <Text marginBottom={ 12 }>
+        Use private transaction tags to label any transactions of interest.
+        Private tags are saved in your account and are only visible when you are logged in.
+    </Text>
+  );
+
   if (!addressTags) {
     return (
       <>
-        <Skeleton height={ 6 } width="250px" borderRadius="full" marginBottom={ 12 }/>
+        { description }
         <SkeletonTable columns={ [ '60%', '40%', '108px' ] }/>
         <Skeleton height="44px" width="156px" marginTop={ 8 }/>
       </>
@@ -52,10 +59,7 @@ const PrivateAddressTags = ({ addressTags }: Props) => {
 
   return (
     <>
-      <Text marginBottom={ 12 }>
-        Use private transaction tags to label any transactions of interest.
-        Private tags are saved in your account and are only visible when you are logged in.
-      </Text>
+      { description }
       { Boolean(addressTags?.length) && (
         <AddressTagTable
           data={ addressTags }

ui/privateTags/PrivateTransactionTags.tsx

@@ -40,10 +40,17 @@ const PrivateTransactionTags = ({ transactionTags }: Props) => {
     deleteModalProps.onClose();
   }, [ deleteModalProps ]);
 
+  const description = (
+    <Text marginBottom={ 12 }>
+        Use private transaction tags to label any transactions of interest.
+        Private tags are saved in your account and are only visible when you are logged in.
+    </Text>
+  );
+
   if (!transactionTags) {
     return (
       <>
-        <Skeleton height={ 6 } width="250px" borderRadius="full" marginBottom={ 12 }/>
+        { description }
         <SkeletonTable columns={ [ '75%', '25%', '108px' ] }/>
         <Skeleton height="44px" width="156px" marginTop={ 8 }/>
       </>
@@ -52,10 +59,7 @@ const PrivateTransactionTags = ({ transactionTags }: Props) => {
 
   return (
     <>
-      <Text marginBottom={ 12 }>
-        Use private transaction tags to label any transactions of interest.
-        Private tags are saved in your account and are only visible when you are logged in.
-      </Text>
+      { description }
       { Boolean(transactionTags.length) && (
         <TransactionTagTable
           data={ transactionTags }

ui/shared/SkeletonTable.tsx

@@ -9,7 +9,7 @@ const SkeletonTable = ({ columns }: Props) => {
   return (
     <div>
       <Skeleton height={ 10 } width="100%" borderBottomLeftRadius="none" borderBottomRightRadius="none"/>
-      { Array.from(Array(4)).map((item, index) => (
+      { Array.from(Array(3)).map((item, index) => (
         <HStack key={ index } spacing={ 6 } marginTop={ 8 }>
           { columns.map((width, index) => (
             <Skeleton