lint: make Props types readonly (step 3 of 3)

Make the last few Props types [1] readonly.

This is done manually. The few remaining Props types fall largely into
two categories:

- types defined using `$Diff`; and
- nonempty exact types defined inline.

The former have been manually wrapped with $ReadOnly<>. The latter
have had their entries prefixed with `+`, which for exact types has
essentially the same effect. (See [the flow documentation] and [the original
PR].)

[1] Or at least, the last few Props types detected by `eslint-plugin-flowtype`.

[the flow documentation]: https://flow.org/en/docs/types/interfaces/#toc-covariant-read-only-properties-on-interfaces
[the original PR]: gajus/eslint-plugin-flowtype#400

src/account-info/ProfileCard.js

@@ -26,7 +26,7 @@ const styles = StyleSheet.create({
   },
 });
 
-class SetStatusButton extends PureComponent<{| dispatch: Dispatch |}> {
+class SetStatusButton extends PureComponent<{| +dispatch: Dispatch |}> {
   onPress = () => {
     const { dispatch } = this.props;
     dispatch(navigateToUserStatus());
@@ -39,7 +39,7 @@ class SetStatusButton extends PureComponent<{| dispatch: Dispatch |}> {
   }
 }
 
-class SwitchAccountButton extends PureComponent<{| dispatch: Dispatch |}> {
+class SwitchAccountButton extends PureComponent<{| +dispatch: Dispatch |}> {
   onPress = () => {
     this.props.dispatch(navigateToAccountPicker());
   };
@@ -51,7 +51,7 @@ class SwitchAccountButton extends PureComponent<{| dispatch: Dispatch |}> {
   }
 }
 
-class LogoutButton extends PureComponent<{| dispatch: Dispatch |}> {
+class LogoutButton extends PureComponent<{| +dispatch: Dispatch |}> {
   onPress = () => {
     const { dispatch } = this.props;
     dispatch(tryStopNotifications());

src/boot/TranslationProvider.js

@@ -54,7 +54,7 @@ const makeGetText = (intl: IntlShape): GetText => {
  * vs. https://reactjs.org/docs/legacy-context.html .
  */
 class TranslationContextTranslator extends PureComponent<{
-  children: React$Node,
+  +children: React$Node,
 }> {
   context: { intl: IntlShape };
 

src/common/InputWithClearButton.js

@@ -14,7 +14,7 @@ const componentStyles = StyleSheet.create({
   },
 });
 
-type Props = $Diff<InputProps, { textInputRef: mixed, value: mixed }>;
+type Props = $ReadOnly<$Diff<InputProps, { textInputRef: mixed, value: mixed }>>;
 
 type State = {|
   canBeCleared: boolean,

src/common/PasswordInput.js

@@ -24,10 +24,10 @@ const styles = StyleSheet.create({
 
 // Prettier wants a ", >" here, which is silly.
 // prettier-ignore
-type Props = $Diff<InputProps,
+type Props = $ReadOnly<$Diff<InputProps,
   // "mixed" here is a way of spelling "no matter *what* type
   // `InputProps` allows for these, don't allow them here."
-  { secureTextEntry: mixed, autoCorrect: mixed, autoCapitalize: mixed }>;
+  { secureTextEntry: mixed, autoCorrect: mixed, autoCapitalize: mixed }>>;
 
 type State = {|
   isHidden: boolean,