Add title on hover #477

[KomalSrivastava]

Issue Title: Add hover effect and title

Fixes issue #477
closes #issue_number
Fixes issue #477

Type of change ☑️

I have added hover in each and the title of the tool , when the user point curser to the icon then it show the effect and the title or you can say the topic.

What sort of change have you made:

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Code style update (formatting, local variables)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist: ☑️

• My code follows the guidelines of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly wherever it was hard to understand.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have added things that prove my fix is effective or that my feature works.
• Any dependent changes have been merged and published in downstream modules.

@singodiyashubham87 Review this and merge my issue.

How Has This Been Tested? ⚙️

Describe how have you verified the changes made.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
draw-it-out	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 9, 2024 2:07pm
draw-it-out-zbd1	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 9, 2024 2:07pm

[KomalSrivastava]

@singodiyashubham87 Review this and merge my issue.

[singodiyashubham87]

@KomalSrivastava You have used custom css instead of tailwind CSS, which you are not supposed to do.