Tooltip Component Upgrade - Use anchor position and ref for reference

[ksolanki7]

Background context:

The Tooltip component needs to be upgraded to improve positioning and accessibility by leveraging new features available in React 19 and modern browser capabilities.

Tasks:

Anchor Positioning:
Utilize the CSS position: anchor property for tooltip placement, ensuring more accurate and flexible positioning relative to the trigger.

Reference: MDN - position: anchor.
Browser Compatibility: Confirm wide browser support before implementing this feature.

Ref Integration:
Use React's forwardRef to create tooltip components that can reference the trigger and tooltip elements directly.
Align with React 19's enhanced support for ref as a prop.
References:
React Docs - forwardRef
React 19 Blog - Ref as a Prop.

Additional Information:

Consider Web Popver Api - Popover API