Mango query UX improvements

[Antonio-Maranhao]

Overview

A few adjustments that should improve UX when coding Mango queries in Fauxton:

• Set code editor max height so buttons and stats are not hidden when the code spans several lines.

Before:

After:

• Add cheatsheet modal that shows query operators.

• Display exec stats and warning directly below the editor instead of in a popover to give easier access to that information, particularly when trying to optimize queries.

Before:

After:

Testing recommendations

In the 'Run a Query with Mango' page:

• Run queries and verify exec stats and warning are displayed
• Verify cheatsheet modal opens when clicking on the new icon added

GitHub issue number

n/a

Related Pull Requests

n/a

Checklist

• Code is written and works correctly;
• Changes are covered by tests;
• Documentation reflects the changes;
• Update rebar.config.script with the correct tag once a new Fauxton release is made

[fryjordan]

Suggested change

	<td>Matches if ANY the selectors in the array match</td>
	<td>Matches if ANY of the selectors in the array match</td>