Improve tooltip positioning

[weeman1337]

I actually wanted to fix the tooltip of the „decryption issue“ message.
After spending some time on this I found that tooltips can be improved in other places as well.

This PR partially refactors tooltips. Worth mentioning:

• Left/right tooltips are now vertically centre aligned to their parent
• Removed yOffset

❗Notes

• I've tested all tooltips I can find. If you know a hidden or special one just leave a comment.
• Like mentioned above the left/right tooltips changed (top vs centre aligned).
  This is just a suggestion. But so far in my opinion this improves the tooltips.

The changes are improving the tooltip positioning in many places, for example:

Where	Before	After
call buttons	(tooltip appears above another button)
search button	(unaligned)
„decryption issue“	(cut off)
spaces buttons	(tooltip appears above another button)

Notes: Tooltip positioning has been improved

---

Here's what your changelog entry will look like:

🐛 Bug Fixes

• Tooltip positioning has been improved (#8219). Contributed by @weeman1337.

Preview: https://pr8219--matrix-react-sdk.netlify.app
⚠️ Do you trust the author of this PR? Maybe this build will steal your keys or give you malware. Exercise caution. Use test accounts.

[codecov]

Codecov Report

Merging #8219 (6d44bc6) into develop (3e31fdb) will decrease coverage by 2.17%.
The diff coverage is 27.77%.

❗ Current head 6d44bc6 differs from pull request most recent head 7837b66. Consider uploading reports for the commit 7837b66 to get more accurate results

@@             Coverage Diff             @@
##           develop    #8219      +/-   ##
===========================================
- Coverage    30.85%   28.67%   -2.18%     
===========================================
  Files          893      851      -42     
  Lines        50793    49774    -1019     
  Branches     12928    12655     -273     
===========================================
- Hits         15671    14274    -1397     
- Misses       35122    35500     +378     

Impacted Files	Coverage Δ
src/components/structures/SpaceHierarchy.tsx	3.31% <ø> (ø)
src/components/views/beta/BetaCard.tsx	12.12% <ø> (-7.33%)	⬇️
src/components/views/dialogs/ForwardDialog.tsx	86.76% <ø> (ø)
...ponents/views/elements/AccessibleTooltipButton.tsx	66.66% <ø> (ø)
src/components/views/elements/FacePile.tsx	10.00% <ø> (-67.78%)	⬇️
src/components/views/elements/Pill.js	61.60% <0.00%> (+0.34%)	⬆️
src/components/views/elements/TooltipTarget.tsx	100.00% <ø> (ø)
...c/components/views/right_panel/RoomSummaryCard.tsx	15.38% <ø> (ø)
src/components/views/rooms/EventTile.tsx	46.60% <0.00%> (+0.15%)	⬆️
src/components/views/rooms/MessageComposer.tsx	49.09% <ø> (ø)
... and 486 more

[turt2live]

I think this requires design review before code review is a reasonable course of action, to verify the tooltip behaviour and expectations for at least the sample cases in the PR description.

[gaelledel]

lgtm!

[t3chguy]

@weeman1337 can you fix the merge conflicts so that it can be reviewed, thanks!

[robintown]

No questions otherwise, this is a great improvement!

[robintown]

Looks good now, but for future reference, please avoid force pushing after review since it makes it more difficult to determine what's changed