Set of improvements and refinements to visualizations after React migration

[kravets-levko]

What type of PR is this? (check all applicable)

• Refactor

Description

• Unify a way we choose background/text colors for visualizations
• Components for visualization editors
  • wrapper for tabbed editors
  • a context help component; open number format specs in drawer instead of new tab;
  • editor section component (Migrate Table visualization to React Part 2: Editor #4175 (comment))
  • control labels

Related Tickets & Documents

#3301

[kravets-levko]

@arikfr @gabrieldutra I touched a lot of files, but I tried to do one change per commit, so you can check commits one by one to see what I did here.

[arikfr]

All the help links that refer to redash.io/help, should just open the HelpDrawer -- no need to have the Popover with the link. For clarity we can add a tooltip saying "Formatting Help".

[gabrieldutra]

Code + Percy changes look good to me 👌

[kravets-levko]

@arikfr I updated help icon for number formats - now click on it will open help drawer immediately (also added a tooltip):

Also, I updated help icon for date/time formats to match number format one - it's just a link that opens moment.js help:

Other context help blocks are unchanged:

Also, there are few more places with redash.io links (e.g. empty state components) - do you think they should also open a help drawer? If yes - I think it's better to do it in a new PR anyway.

[kravets-levko]

@arikfr If you're fine with this PR - I'd like to merge it.

[arikfr]

I might want to update the tooltips, but no reason to wait with this PR for it. Let's merge.