Refactor Tooltip Component to Dynamically Calculate Position

[VinuB-Dev]

Issue Description

The current tooltip implementation requires the position to be passed manually as a prop. This approach is error-prone and inconsistent, making it difficult to maintain and scale.
For example:

<Tooltip
    content={content}
    tooltipPosition={{
        top: '-3.6rem',
        right: '-4.5rem',
    }}
>

This reliance on manually calculated positions leads to inconsistent placement and potential issues like viewport overflow.

Expected Behavior

• The tooltip component should dynamically calculate its position relative to the triggering element.
• Tooltip placement should adjust automatically to remain within the viewport or container boundaries.
• Developers should not need to pass position props explicitly. The component should remain simple:

<Tooltip content={content}>
    Hover me
</Tooltip>

Current Behavior

• Tooltip position must be explicitly passed via the tooltipPosition prop.
• Manual calculations are required by the developer for positioning, leading to inconsistency and maintenance challenges.
• Tooltips can overflow the viewport or container, negatively impacting user experience.

Screenshots

Code example:

View:

Reproducibility

• This issue is reproducible
• This issue is not reproducible

Steps to Reproduce

1. Use the Tooltip component in its current form.
2. Pass incorrect or missing tooltipPosition props.
3. Observe the tooltip's positioning inconsistencies or overflow behavior.

Severity/Priority

• Critical
• High
• Medium
• Low

Additional Information

• Refactoring the tooltip to dynamically calculate its position would eliminate the recurring tooltip alignment issues.
• This change would improve the developer experience when building components that use the tooltip, making the implementation more intuitive and reliable.

Checklist

• I have read and followed the project's code of conduct.
• I have searched for similar issues before creating this one.
• I have provided all the necessary information to understand and reproduce the issue.
• I am willing to contribute to the resolution of this issue.