Issue: Remove Tooltip from Component

[Kavlin-Kaur]

Summary

The tooltip has been removed from the respective component to simplify the UI and improve accessibility. This change reduces unnecessary clutter and enhances clarity for users who were previously confused by overlapping or redundant tooltips.

What Changed

Removed tooltip element from the component.

Updated relevant CSS/JS to ensure layout remains consistent.

Verified that hover/focus interactions still behave correctly without the tooltip.

Why This Change

The tooltip was not providing additional value or was duplicating visible text.

It was causing layout issues on smaller screens and accessibility concerns for keyboard users.

Next Steps / Follow-ups

Review the UI for any missing contextual help or hints that need replacement (e.g., inline labels or helper text).

Confirm no other components depend on the removed tooltip styles.

Optionally, document when to use or avoid tooltips in the design system.

Testing

Verify component rendering on desktop and mobile.

Check behavior with screen readers to ensure clarity remains.

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊