New UI todo lists

[SiddigZeidan]

Leverj staking outstanding:

• Modal for introduction and instructions (Ziggy)
• Handling of the errors (Nirmal)
• Browser detection (Ziggy)
• Confirmation and successful screen (Ziggy/Nirmal: Need content.)
• Detection of Metamask (Nirmal)
• Add “Skip Button”(ziggy)
• Optimization or putting the same div on multiple places (Nirmal)
• Add clipboard functionality ( Nirmal)
• add support to read address from QR code. (Nirmal/ziggy)
• If metamask is selected, user address should be readonly input (Nirmal)
• Refresh icon and button(ziggy)
• Local instances of fontawesome and google font (Ziggy)
• Implement malihu custom scrollbar (Ziggy)
• Mobile and small screen optimisations (Ziggy)
• Socket support for current state (Nirmal)
• Socket support for User approve and stake (Nirmal)
• CSP for the site (Nirmal)
• test hardware wallet as admin (Nirmal)
• user should be able to click on any number on workflow to reach that screen.(Ziggy)
• step 4 and 5 the numbers should be clickable to fill the field, to make for better UX. so if it says Number of LEV: 500000 then i just click 500000 and it does for me (Nirmal)
• The gas limit shown is invalid when generating in MEW (too large), had to reduce it to get it to generate th TX (Nirmal/Swapman)
• change 'Number of LEV' to 'Avalable LEV', FEE to 'Number of FEE', Approved LEV to Total Approved LEV and Staked LEV to Total Staked LEV.(Nirmal)
• Merge Welcome and Method screen(Ziggy)
• update help text provided by swapman.(Ziggy)
• Put User Info block in confirmation page.(Nirmal)
• Provide links to etherscan for every user info data.(Nirmal)