Custom rule: Enforce a style on ternary operators with multiline tsx markup

[ismail-syed]

Enforce consistent styling for ternary operators with multi line tsx.

Good

    return onClick
      ? (
        <button onClick={onClick} className={className} disabled={disabled}>
          {children}
        </button>
      )
      : (
        <UnstyledLink className={className} to={to} target={external ? '_blank' : ''} disabled={disabled}>
          {children}
        </UnstyledLink>
      );

Bad

    return onClick
      ? (
        <button onClick={onClick} className={className} disabled={disabled}>
          {children}
        </button>
      ) : (
        <UnstyledLink className={className} to={to} target={external ? '_blank' : ''} disabled={disabled}>
          {children}
        </UnstyledLink>
      );