[UI Enhancement]: Revamp the margins and footings of hackathon Page and also add badges

[inkerton]

The scaleing transition of on hover is not right also the paddings and margins.
I can also add a status badge stating whether the hackathon is currently ongoing, planned, or finished.
An opening and closing date for registraion for planned hackathons.
For finished, a view button. and for ongoing a 'results will be declared on' date.

[github-actions]

🎉 Thank you for raising an issue in this repository!
We’ll review and assign it to you soon.
In the meantime, feel free to ⭐ the repo for updates.
Stay awesome! 😎

[inkerton]

@rishicds Can You assign this to me after you have a look at my previous PRs.

[rishicds]

assigned