FIX: Update UI of Player

[rohit-yadavv]

UI of player is updated

@Satyam1923 pls assign this issue to me before merging pr
@Satyam1923 pls assign level and gssoc label before merging pr

• I have searched the existing issues

Earlier:

After Fix:

Record

• I agree to follow this project's Code of Conduct
• I have checked the existing issues
• I'm a GSSOC'24 contributor
• I want to work on this issue

[github-actions]

Congratulations, @rohit-yadavv! 🎉 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! As per GSSoC'24 guidelines the person who raises the issue should be assigned for that issue. But if that person doesn't want to work on that issue the first come fist policy is follwed.

We'd also like to invite you to our Discord server! Join us on discord.

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines