Enhanced The UI of the contributions page

[Ayushmaanagarwal1211]

I have enhanced the UI in such a way :

• Fixed the dark mode colors correctly now it is changing its color according to the dark mode
• Added Number of contributions did by each user
• Converted cards to rectangle to show all details
• Justified all content properly at center

Fixes #484

Type of change

Please mark with an X the type that applies:

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactor code
• Documentation update
• Other (mentioned in the issue number)

How Has This Been Tested?

Tested by repeatedly refreshing the page and changes

Test A: Describe here

Test B: Describe here (if required)

Screenshots and Videos

Checklist

Please mark with an X the items that apply:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[vercel]

@Ayushmaanagarwal1211 is attempting to deploy a commit to the vansh69's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Ayushmaanagarwal1211]

@hustlerZzZ Please review and if any changes please let me know .
If you like that then please assign lvl2 if found it suitable for that

[github-actions]

Congratulations, Your pull request has been successfully merged 🥳🎉 Thank you for your contribution to the project 🚀 Keep Contributing!! ✨