Display tooltips in better positions when using touch input

[frenzibyte]

• Closes Moving tooltip to the top of sliders for pen/touch osu#4224

Tooltips displaying on the bottom-right corner of the cursor makes it impossible to view on mobile devices. This changes the position to become above the pointer by an arbitrary number, or to the sides if there's no space above the pointer.

CleanShot.2025-01-01.at.19.12.52.mp4

Tested on both my iPhone and my iPad, the final tooltip distances are sane and not obstructed by my fingers.

[Joehuu]

This will resolve ppy/osu#4224 (can't edit description in this repo).

[frenzibyte]

Hmm, @peppy suggested that the tooltip should be displayed to the top right, while my implementation puts it in the top centre. Not sure which one I would prefer.

[smoogipoo]

I'm a bit torn on this.

• Right-aligned matches macOS/Windows/Linux UIs, but those are desktop UIs. We're already handling this correctly for these UIs.
• Top-centre makes sense in my mind for a pure touch control, but touch controls in general don't have tooltips. For example Safari (iOS) doesn't support alt text, and likewise there's no way to "hover over" the timestamp labels in this issue.
• MAUI's tooltip listing declares tooltips to be top-centred by default.
• osu!web appears to use top-centre, pushing it to the right if not enough space:

TLDR: Top-right makes sense if we want to keep things consistent. Top-centre makes sense to be friendly to touch users.

Will want @peppy 's opinions in plain text here before going any further.