Add hover effect on header button

[heli0707]

Is your feature request related to a problem? Please describe.
A hover effect has been added to the header button, enhancing the user interface. When users hover over the button, it changes color to provide visual feedback, improving the overall user experience and interaction.

Describe the solution you'd like
update the CSS to include a new style rule for the button's hover state. This rule changes the button's color or background color when the user hovers over it

add hover effect on this buttons

How do we know when the feature is complete?

button is highlighted when we hover on that

[github-actions]

Congratulations, @heli0707! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[github-actions]

Hello @heli0707! Your issue #190 has been closed. Thank you for your contribution!