feat: add TooltipWrapper component for enhanced UI tooltips.

[Manancode]

This Pull Request introduces the TooltipWrapper component, which provides a reusable solution for displaying tooltips in the UI. The component accepts three props:

children: The elements to be wrapped and displayed.
description (optional): A string that serves as the tooltip text.
className (optional): A string for custom styling of the tooltip wrapper

If the description prop is not provided, the component renders the children without any additional markup.

To use this wrapper :
import { TooltipWrapper } from "./components/ToolTipWrapper";

This also has a tooltip

[catosaurusrex2003]

Making a wrapper for tool-tip makes sense but since our tool-tip doesnt have any css on it.
I dont think we need a wrapper to just add a title html attribute.

Instead can you just add a title attribute to the element where externalDocs tag is being rendered.
It is present in library/src/containers/Info/Info.tsx

[Manancode]

I've updated the PR based on feedback. I've removed the TooltipWrapper component and instead added a title attribute directly to the externalDocs link in Info.tsx. This will show the externalDocs description as a tooltip when hovering over the link. Please review and let me know if any further changes are needed. @catosaurusrex2003

[catosaurusrex2003]

Great job @Manancode 🚀

Everything is perfect. I just think that displaying EXTERAL_DOCUMENTATION_TEXT when there is no description will be repetitive.

After that is fixed, it is rtm @AceTheCreator

[Manancode]

Done sir @catosaurusrex2003 . Added undefined so the tooltip will only appear when there's a description available. If there's no description, no tooltip will be shown, preventing the repetition of the link text.
Without undefined, an empty tooltip (usually just a small, blank box) would appear when hovering over the link if there's no description.

[catosaurusrex2003]

perfectly done 👌

LGTM 💯

[AceTheCreator]

@Manancode kindly look into why your lint check is failing

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[Manancode]

Done sir @AceTheCreator

[AceTheCreator]

LGTM!

[AceTheCreator]

/rtm

[asyncapi-bot]

🎉 This PR is included in version 2.4.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀