[Feat]: Improve Discord Button Hover State 🪄✨

[0xabdulkhalid]

What feature?

• The Discord Button's Hover state is not good as other Button components present in DevEmpire.
• Since it uses Discord Image itself, We can't apply the hover state like other Button elements.
• We need to apply hover state with combinations of filter property and pseudoselectors like :hover on css.
• This improvement of Hover states will the makes the DevEmpire UI Better.
• For more info i attached videos for Examples, make sure to investigate them.

Demonstrating Videos (Click to open Dropdowns)

  Current State

https://github.com/swapnilsparsh/DevEmpire/assets/92252895/a95fb4d8-dcac-4696-81d5-9c07c7499ce9

  Desired State

https://github.com/swapnilsparsh/DevEmpire/assets/92252895/f4ddf4e1-2af4-4cc2-a94d-8002fe0b78cd

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSoC'23 contributor
• [X] I want to work on this issue

[0xabdulkhalid]

Hey there @swapnilsparsh 👋🏻

Please make sure to assign this issue to me to make the work done, Thank You!

[github-actions[bot]]

Hey @0xabdulkhalid,

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.

Please make sure you have given us as much context as possible.

[github-actions[bot]]

Hey @0xabdulkhalid, thank you for raising an issue. I have assigned the issue to you. You can now start working on it. If you encounter any problems, feel free to connect with us.

[github-actions[bot]]

Hey @0xabdulkhalid, This issue is closed.