fix: token balance reloading (#3408)

* fix: layout token balance on token select

* fix: do not clear block on window re-focus

src/lib/components/TokenSelect/TokenOptions.tsx

@@ -73,7 +73,6 @@ const TokenBalance = styled.div<{ isLoading: boolean }>`
   background-color: ${({ theme, isLoading }) => isLoading && theme.secondary};
   border-radius: 0.25em;
   padding: 0.375em 0;
-  width: 1.5em;
 `
 
 function TokenOption({ index, value, style }: TokenOptionProps) {

src/lib/hooks/useBlockNumber.ts

@@ -25,7 +25,8 @@ function useBlock() {
 
   useEffect(() => {
     if (library && chainId && windowVisible) {
-      setState({ chainId })
+      // If chainId hasn't changed, don't clear the block. This prevents re-fetching still valid data.
+      setState((state) => (state.chainId === chainId ? state : { chainId }))
 
       library
         .getBlockNumber()