fix(inline-toolbar): appearance logic improved

[neSpecc]

Problems

Right now we have several problems with the Inline Toolbar appearance

When editor is placed in a popup, the Inline Toolbar could move out of visible area

Sometimes position is much far from selection:

Cause

1. Right now we're trying to place Inline Toolbar at the center of selection. There is a complex logic with CSS transforms and JS computations.
2. this.width computation works incorrect since move() called before open() in where tools are added.

Solution

1. addToolsFiltered() now called before move()
2. I've simplified position calculation: now it will be aligned by the left side of selection. CSS transforms removed.

4. If Inline Toolbar right coord does not fit text column, it will be opened right-aligned

5. (Bonus) Debounce added to the Selection Change event. Now Inline Toolbar will be opened only when selection changing finished.
6. (Bonus) Build modes added to yarn build command. Now we can detect build for tests and add some attributes like data-cy for elements querying. It's a better practice then querying by CSS class name.