feat(docs): Add deprecated badge for icons with deprecation status

[epifaniofrancisco]

What is the purpose of this pull request?

• New Icon
• Bug fix
• New Feature
• Documentation update
• Other:

Description

This pull request introduces a "Deprecated" badge that appears for icons flagged as deprecated in the IconInfo.vue component. This update improves the user interface by clearly indicating which icons are deprecated, helping users avoid using outdated assets.

Changes Made:

• Badge Component: Added a Badge component to display the "Deprecated" label next to icons flagged as deprecated.
• Conditional Badge Display: Updated IconInfo.vue to conditionally show the deprecated badge if the icon has the deprecated property set to true.
• Tooltip with Deprecation Details: Included a tooltip that provides additional context on hover, displaying the reason for deprecation and the version in which the icon will be removed.

Testing:

Manually tested the badge display on various icons, ensuring the tooltip shows the correct deprecation reason and version.
Verified the badge does not appear for icons without the deprecated property.

Screenshots:
Before:

After:

Before Submitting

• I've read the Contribution Guidelines.
• I've checked if there was an existing PR that solves the same issue.

[epifaniofrancisco]

@jguddas @ericfennis Is this feature for the icons not beneficial? Can I close this PR?

[ericfennis]

@epifaniofrancisco sorry for late reply.
Yess this very useful!

I think I want to make some adjustments in the design of the UI!

[epifaniofrancisco]

No problem at all! I'm glad you found it useful. Let me know what adjustments you have in mind for the UI, and we can work on it together!