perf(ot-dropdown): eliminate layout thrashing in popover positioning

[akilvishnum]

Issue: #124

Declarative CSS APIs are used to replace layout thrashing code and reduce JS footprint.

[knadh]

This completely breaks dropdowns on Firefox, unfortunately. The JS positioning code is there a temporary hack to make it work on all browsers until popover anchor positioning support is widely available.

[akilvishnum]

Agreed.
We should wrap this code in requestAnimationFrame and use transform atleast.

Should I proceed with that?

[akilvishnum]

#124

[knadh]

Yep, we can try that. Please update the PR.

[akilvishnum]

Hi @knadh

I have updated the PR with the following changes.

• Wrapped the positioning logic in requestAnimationFrame and migrated from top/left to transform.
• Removed transform from the CSS source to prevent property conflicts, as the positioning is now handled dynamically via JavaScript.

[akilvishnum]

@knadh
Did you got any chance to review this PR?
If it needs any changes, please let me know.