feat: Relates to #360. Only allow import from Parity Signer chain account matching current chain. ETC support (#483)

* feat: Relates to #360. Only allow import from Parity Signer chain account matching current chain. ETC support

* review-fix: Refer to non-Parity chain names in the UI. Add console.error

* review-fix: Do not need to chcek health status before calling chainId RPC of light.js on pages accessed through navigation

* review-fix: Rename function name that matches current chain id with imported chain id of address

* review-fix: Remove unnecessary function

* review-fix: Rename function to accountAlreadyExists

* review-fix: Remove FIXME. See https://github.com/paritytech/fether/pull/483#discussion_r270834847

* review-fix: Refactor to use util functions isEtcChainId, chainIdToString, isNotErc20TokenAddress

* fix: Fix typo in comment

* review-fix: Change wording of parity phrase comment

* review-fix: Do not clear isImport as not account related

* fix: Clear error so error when recover from seed phrase not still shown if then click to recover from QR code

* fix: Rename so signerChainId correctly destructured and not undefined

* review-fix: Remove async/await from clear

* fix: Avoid mapping signer chain id to chain name since too much maintenance with Parity Ethereum

* review-fix: Remove await from createAccountStore

* tests: Add colour to fether-react tests

* refactor: No need to parseInt on the signerChainId

* refactor: Use isNotErc20TokenAddress

* refactor: Use isNotErc20TokenAddress again

* refactor: Add isErc20TokenAddress util so more readable

* fix: Replace valueOf with .eq. Fix so obtain BN from props

* refactor: Combine into single if statement when checking if valid Eth/Etc address

* refactor: Update utils without unnecessary return block

* fix: Fixes #494 drag and context menu. import options spacing for error

* refactor: Remove css class that is not being used

* fetch token icons not in the list

* fetch token icons not in the list

* fetch token icons not in the list

* enforce the use of a single logo source

* revert

* add goerli

* change to console.log

* I said console.log

* fix: Relates to #466. Refer to Fether FAQ for instructions

* fix: Reword error messages to start with the Webcam word so its easier for users to troubleshoot using Fether FAQ

* feat: Add ExternalLink component to direct the user to the FAQ. Colour it blue

* review-fix: Modify webcam troubleshooting link text

* add script to manually fetch tokens from github.com/ethereum-lists/tokens over IPFS

* remove ts files from linting

* remove ts files from test to fix CI

* WIP token image

* improve token default image

* Test the pipe with hardcoded IPFS addresses

* add comments

* add --use-hardcoded-addresses argument

* shorten things up with a spread

* address comments

* fix test and address comment

* feat: Fixes #390. Show shortened version if account name over 25 chars

* fix: Use text-overflow ellipsisto concat account name

* review-fix: Prevent text clipping on Linux

* Remove useless .header-container

* Add width to .account_information to fit full title width

* Use `flex-grow` instead of abbreviation `flex`

* Use justify-content: left to align account info and avatar to left and remove flex: 0 from .header-tokens

* Remove titleOffset and add placeholder width for header nav buttons

* Remove passing `screen` prop for specific pages

* Change Account screen so its header uses the Information component with a big identicon, a short address,
so it is clickable, and with identicon on left of name and address.

* Apply extra bottom margin between name and account address when Information component used in the header

* Update header so it uses Flexbox according to docs as intended

* Since we're using Flexbox without placeholder spacing for the left and right header buttons, when the title
is shown in the header it is offset if there is only a left or right button. So a `titleOffset` prop
is used on pages where the Header component is used to indicate if the title needs to be offset to the left
or right so it appears centered in the screen. We also pass a `screen` prop (named after the component where the
Header component is being used so we can tailor the header spacing on specific screens.

* Re-order props alphabetically

* QUESTION - should we consider always adding placeholder spacing for where both right and left buttons in header would be as an alternative so no offset for the title is require?

* Remove titleOffset and add placeholder width for header nav buttons

* Remove passing `screen` prop for specific pages

* Use `-webkit-transform-origin-x: 0;` to have no padding on left side when scale font size smaller. See https://stackoverflow.com/questions/13031158/unwanted-left-margin-when-using-webkit-transform-scale

* Refactor code to only use `shortAddress` to determine whether to show full address on screen. `screen` prop not necessary

* Remove `-narrow` from Information and Name, only need it for Address component

* Increase scale to 0.95 so address just fits in on the tx summary page that uses the Unlock component