New rule: Disallow ternary conditions inside template literals

[fsubal]

Examples of incorrect code for this rule:

<button className={`${ cond && 'bg-blue-300' }`}>Hello</button>;

This could lead to unexpected results like <button className="false"> .
But currently, this code is not warned nor fixed.

Their should be a rule that auto-fixes this into

<button className={classNames(cond && 'bg-blue-300')}>Hello</button>;

or maybe

<button className={classNames({ 'bg-blue-300': cond })}>Hello</button>;

[fsubal]

Candidates of the name of this rule:

• no-ternary-conditions-in-template-literals
• no-conditional-template-literals

Or, should this behavior a part of prefer-classnames-function ?