Fix autoFocus input prop spelling and add autoFocus to all forms

Adds auto-focus to login and forgotten password/username screens.

Removes this warning:
"Warning: Unknown DOM property autofocus. Did you mean autoFocus?"

fbshipit-source-id: f099362

src/ui/auth/ForgotPasswordScreen.js

@@ -42,6 +42,7 @@ class ForgotPasswordScreen extends React.Component {
             </p>
             <TextInput
               ref="username"
+              autoFocus
               styles={styles.input}
               type="text"
               placeholder="Username or e-mail address"

src/ui/auth/ForgotUsernameScreen.js

@@ -26,6 +26,7 @@ export default class ForgotUsernameScreen extends React.Component {
             </p>
             <TextInput
               ref="username"
+              autoFocus
               styles={styles.input}
               type="text"
               placeholder="E-mail address"

src/ui/auth/components/LoginForm.js

@@ -47,6 +47,7 @@ export default class LoginForm extends React.Component {
         <div style={{ width: 270 }}>
           <TextInput
             ref="username"
+            autoFocus
             styles={styles.input}
             type="text"
             placeholder="Username or e-mail address"

src/ui/auth/components/RegisterForm.js

@@ -101,7 +101,7 @@ export default class RegisterForm extends React.Component {
         <div className={css(styles.fieldContainerInner)}>
           <TextInput
             ref="givenName"
-            autofocus
+            autoFocus
             styles={styles.input}
             type="text"
             placeholder="First name"
@@ -167,7 +167,7 @@ export default class RegisterForm extends React.Component {
         <div className={css(styles.fieldContainerInner)}>
           <TextInput
             ref="givenName"
-            autofocus
+            autoFocus
             styles={styles.input}
             type="text"
             placeholder="First name"

src/ui/components/TextInput.js

@@ -16,7 +16,7 @@ type Props = {
   styles?: any,
   value?: ?string,
   valueTransformer?: (val: string) => string,
-  autofocus: ?boolean,
+  autoFocus?: boolean,
 };
 
 type State = {
@@ -38,20 +38,11 @@ export default class TextInput extends React.Component {
     return this.state.value.trim();
   }
 
-  componentDidMount() {
-    if (this.props.autofocus) {
-      this._input && this._input.focus();
-    }
-  }
-
   render() {
     const { styles: extraStyles, valueTransformer, ...inputProps } = this.props;
 
     return (
       <input
-        ref={view => {
-          this._input = view;
-        }}
         className={css(styles.input, extraStyles)}
         {...inputProps}
         onChange={this._onValueChange}