Misc. small UI fixes (#4657)

* Shorten menu items (accounts)

* Shorten menu items (addresses)

* Shorten menu items (contracts)

* Shorten menu items (account)

* Shorten menu items (address)

* Shorten menu items (contract)

* Auto-focus & perform default action

* Auto-focus & default action

* Auto focus for first fields (create account)

* Clear phrase & auto-focus field

* Auto-focus name fields

* Add autoFocus (Add Address)

* autoFocus address (Add Contract)

* Auto focus name field

* Auto-focus name field for EditMeta

* Auto-focus modifications (WalletSettings)

* Verification auto focus

* typo

* Double-up on keys

js/src/modals/CreateAccount/NewAccount/newAccount.js

@@ -48,6 +48,7 @@ export default class CreateAccount extends Component {
     return (
       <Form>
         <Input
+          autoFocus
           error={ nameError }
           hint={
             <FormattedMessage

js/src/modals/CreateAccount/NewImport/newImport.js

@@ -39,6 +39,7 @@ export default class NewImport extends Component {
     return (
       <Form>
         <Input
+          autoFocus
           error={ nameError }
           hint={
             <FormattedMessage

js/src/modals/CreateAccount/RawKey/rawKey.js

@@ -39,6 +39,7 @@ export default class RawKey extends Component {
     return (
       <Form>
         <Input
+          autoFocus
           error={ rawKeyError }
           hint={
             <FormattedMessage

js/src/modals/CreateAccount/RecoveryPhrase/recoveryPhrase.js

@@ -36,6 +36,7 @@ export default class RecoveryPhrase extends Component {
     return (
       <Form>
         <Input
+          autoFocus
           hint={
             <FormattedMessage
               id='createAccount.recoveryPhrase.phrase.hint'

js/src/modals/CreateAccount/store.js

@@ -90,6 +90,7 @@ export default class Store {
     transaction(() => {
       this.password = '';
       this.passwordRepeat = '';
+      this.phrase = '';
       this.nameError = null;
       this.rawKeyError = null;
       this.walletFileError = null;