feat: add a prop to the tooltip component for collision padding

[Ikari-Shinji-re]

Summary

Collision padding refers to the space that is added around the tooltip to ensure that it does not collide with the edges of its container or other UI elements. This padding helps to prevent the tooltip from being positioned too close to the boundaries of the viewport or overlapping with other components, which can enhance usability and visibility.

Fixes # (issue)

How did you test this change?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

• Test A
• Test B

Checklist:

• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works
• Implemented a user interface (UI) change, referencing our Figma design to ensure pixel-perfect precision.