Intial logic for tooltip label position

[Pratheek555]

Brief Title

This PR helps with fixing the inconsistent behavior of the message tooltip.

Acceptance Criteria fulfillment

• Fixes the inconsistent behavior of message tooltip labels

Fixes #1086

Video/Screenshots

topLabelsTooltip.mp4

PR Test Details

Note: The PR will be ready for live testing at https://rocketchat.github.io/EmbeddedChat/pulls/pr-<pr_number> after approval. Contributors are requested to replace <pr_number> with the actual PR number.

[Spiral-Memory]

I recall there was a specific reason for doing it that way, could you create a video showcasing all the other variations, demonstrating the before-and-after effects on both sides, especially when hovering over top and bottom messages?

[Pratheek555]

Sure below I have attached the demos:

Curve Variant:

BEFORE:

before-Colourful-aqua.mp4

---

After:

2026-03-13.15-31-00.mp4

[Pratheek555]

Modern Variant:

Before:

2026-03-13.15-34-44.mp4

---

After :

2026-03-13.15-35-49.mp4

[Pratheek555]

There is one more variant called "RC variant " and the results were the same as the previous variants.

Please let me know if the demo video is what you expected. If not I can send it as needed.

[Spiral-Memory]

Looks good. Appreciate the time and effort you put into creating those detailed videos, it’s really helpful.