feat:Adding hover effect in the projects section.

[Illaf]

What feature?

We can add hover effect in the projects section so that when the user hovers over the projects, he or she can see a box shadow with some glow. The purpose of the issue is to enhance the overall UI of the website.
Also we can give in some extra padding between the projects so they have some space in between them. Right now they look a bit conjested.

Add screenshots

As you can see there is no proper clarity and space in between the projects column

Record

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

[github-actions]

Congratulations, @Illaf! 🎉 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]

To reduce notifications, issues are locked. Your issue will be unlock when we will add label as 🏁 status: ready for dev. Check out the contributing guide for more information. Also, if you're in GSSoC'23 please check the discussion

[priyankarpal]

we need to add a hover border(color primary) for the project card.

[priyankarpal]

@Illaf we have assigned you to a few issues so we're unable to assign you to this issue now. so you need to work on those issues first.

[Illaf]

@priyankarpal Okay I'll complete them soon

[Illaf]

@priyankarpal please assign this issue to me

[priyankarpal]

I fixed it