Fix tooltips to better represent design requirements

[turt2live]

We need them to go up, down, left, and right but are currently stuck with only right. This can at best look weird and at worst prevent users from interacting with the component.

While we're here, we should fix tooltips in general:

• https://github.com/vector-im/riot-web/issues/10155
• https://github.com/vector-im/riot-web/issues/9946
• https://github.com/vector-im/riot-web/issues/13898
• Each component that uses them is required to do math to position them - should be magic (from the component's POV)

[turt2live]

we did this

[t3chguy]

Nope, they still don't go in the right directions matching the designs

[ShadowJonathan]

https://github.com/vector-im/element-web/issues/18114 mentions that the SSO popups are too quick and too close to the cursor, FWIW