apikey and watchlist fixes

ui/pages/ApiKeys.tsx

@@ -62,12 +62,14 @@ const ApiKeysPage: React.FC = () => {
     const canAdd = data.length < DATA_LIMIT;
     return (
       <>
+        { Boolean(data.length) && (
           <ApiKeyTable
             data={ data }
             onDeleteClick={ onDeleteClick }
             onEditClick={ onEditClick }
             limit={ DATA_LIMIT }
           />
+        ) }
         <HStack marginTop={ 8 } spacing={ 5 }>
           <Button
             variant="primary"

ui/pages/Watchlist.tsx

@@ -53,12 +53,13 @@ const WatchList: React.FC = () => {
           </>
         ) }
         { Boolean(watchlistData?.length) && (
-          <>
           <WatchlistTable
             data={ watchlistData }
             onDeleteClick={ onDeleteClick }
             onEditClick={ onEditClick }
           />
+        ) }
+        { Boolean(watchlistData) && (
           <Box marginTop={ 8 }>
             <Button
               variant="primary"
@@ -68,7 +69,6 @@ const WatchList: React.FC = () => {
                 Add address
             </Button>
           </Box>
-          </>
         ) }
       </Box>
       <AddressModal { ...addressModalProps } onClose={ onAddressModalClose } data={ addressModalData }/>