Added hover in indexstylejs

[kirit01]

What kind of change does this PR introduce

I have added a hover button in index.style.js.

What is the current behavior

header icons are not very interactive on mouse hover event.

What is the new behavior

its functioning properly , whenever you hover over the header

Checklist for this PR

• [ x] I have read contributing guidelines.
• [ ] I executed yarn lint locally to format my code.
• [x ] I added revelant Tests to verify my code.
• [x ] All tests yarn test ran successfully.
• [x ] Pull request is towards develop branch.
• [ ] I have tested responsiveness of the UI by checking on devices using ScreenFly
• [ x] Added myself to contributors table
• [ x] Documentation
• [x ] Ready to be merged

this is my first contribution , please provide feedback.

[welcome[bot]]

Thanks so much for opening your first PR here!

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/coderplex-org/coderplex/7j95xhqk6
✅ Preview: https://coderplex-git-fork-kirit01-added-hover-in-indexstylejs.coderplex-org.vercel.app