[FIX] Responsiveness For Smaller Screens

[samad-yar-khan]

trafficstars

• [x] I have read the Contributing Guide - https://github.com/RocketChat/Rocket.Chat/blob/develop/.github/CONTRIBUTING.md#contributing-to-rocketchat doc
• [x] I have signed the CLA - https://cla-assistant.io/RocketChat/Rocket.Chat
• [x] Lint and unit tests pass locally with my changes
• [ ] I have added tests that prove my fix is effective or that my feature works (if applicable)
• [ ] I have added necessary documentation (if applicable)
• [x] Any dependent changes have been merged and published in downstream modules

Proposed changes (including videos or screenshots)

• Added responsiveness for smaller screen devices. Display compact version of leaderboard on mobile devices.

Issue(s)

Fixes : #95

Steps to test or reproduce

Mentioned in the Issue

Before :

https://user-images.githubusercontent.com/70485812/154101525-ba4a7fc1-ce58-4676-b88d-b53551320dc4.mp4

After :

https://user-images.githubusercontent.com/70485812/154112915-bc3a5e6a-9821-4aa3-8eb3-ad3835d53637.mp4

[samad-yar-khan]

@Sing-Li Can you please have a look at this. I think it will be a good to have a more responsive and compact leaderboard for smaller screen sizes :sweat_smile: