feat: ld-tooltip horizontal position adjustment

[Timy78]

Prerequisites

• I know how to contribute a proper feature request.
• I agree to follow the Code of Conduct.
• I have searched for existing feature requests that already request this feature, without success.

Describe the feature request

I'm not sure if it's a bug in the current implementation or a not yet implemented feature, so let's start with a feature request 😄

Currently, the ld-tooltip component can adjust its own position based on the vertical position of its triggen on the screen. This ensures it is displayed under the trigger if the top border of the window is too close. It would be nice to have the same functionality for the X-axis as well. At present, the tooltip overflows the window horizontally, making the text unreadable.

Describe the use case

When you have a paragraph with long text and you want to make a word the trigger for a tooltip, the word could be near the right or left border of the window depending on the device width. In such cases, the tooltip should adjust its position horizontally to ensure it remains within the viewport and the text is fully readable.

Describe preferred solution

No response

Describe alternatives

No response

Related code

https://codesandbox.io/p/sandbox/ld-tooltip-bug-repro-2xm6g8

Additional information

No response