fix(modal cutoff, lists): make modal scrollable on small screens, fix typo,...

fix(modal cutoff, lists): make modal scrollable on small screens, fix typo, auto update all lists (#1301)

* update all lists, not just active ones

* fix typo

src/components/SearchModal/ImportList.tsx

@@ -24,6 +24,7 @@ import { useAllLists } from 'state/lists/hooks'
 const Wrapper = styled.div`
   position: relative;
   width: 100%;
+  overflow: auto;
 `
 
 interface ImportProps {

src/components/SearchModal/ImportToken.tsx

@@ -22,6 +22,7 @@ import { PaddedColumn, Checkbox } from './styleds'
 const Wrapper = styled.div`
   position: relative;
   width: 100%;
+  overflow: auto;
 `
 
 const WarningWrapper = styled(Card)<{ highWarning: boolean }>`
@@ -102,7 +103,7 @@ export function ImportToken({ tokens, onBack, onDismiss, handleCurrencySelect }:
                     <RowFixed>
                       <AlertTriangle stroke={theme.red1} size="10px" />
                       <TYPE.body color={theme.red1} ml="4px" fontSize="10px" fontWeight={500}>
-                        Unkown Source
+                        Unknown Source
                       </TYPE.body>
                     </RowFixed>
                   </WarningWrapper>

src/state/lists/updater.ts

 import { useAllLists } from 'state/lists/hooks'
-import { UNSUPPORTED_LIST_URLS } from './../../constants/lists'
 import { getVersionUpgrade, minVersionBump, VersionUpgrade } from '@uniswap/token-lists'
 import { useCallback, useEffect } from 'react'
 import { useDispatch } from 'react-redux'
@@ -67,13 +66,11 @@ export default function Updater(): null {
             }
             break
 
+          // update any active or inactive lists
           case VersionUpgrade.MAJOR:
-            // accept update if list is active or list in background
-            if (activeListUrls?.includes(listUrl) || UNSUPPORTED_LIST_URLS.includes(listUrl)) {
             dispatch(acceptListUpdate(listUrl))
         }
       }
-      }
     })
   }, [dispatch, lists, activeListUrls])