[IMPROVEMENT] Use autoFocus rather than timeout + focus

[diegolmello]

In some places, text input must be focused automatically on did mount, but we could do it better.
Currently, we're using a setTimeout to wait for navigation transition animation and then a inputRef.focus().
TextInput has a autoFocus prop that does it.

Example: LoginView

// We could remove this entire block and add `autoFocus` on username input and remove unnecessary ref
componentDidMount() {
	this.timeout = setTimeout(() => {
		this.usernameInput.focus();
	}, 600);
}

Where to do it:

• CreateChannelView
• ForgotPasswordView
• LoginView
• NewServerView
• RegisterView
• SearchMessagesView
• SetUsernameView

[tanujsinghkushwah]

Hello @diegolmello , I want to work on this issue. Should I start?

[diegolmello]

@tj4752 Sure! Let me know if you have any questions.

[tanujsinghkushwah]

Hello @diegolmello , I'm facing an error when running eslint during making a commit. Could you please help?

[diegolmello]

@tj4752 Hi. You don't need that componentDidMount.
this.usernameInput is created on his inputRef... the same way passwordInput does.
You can safely delete that componentDidMount.