refactor LevelBadge to remove redundant usages of useState &useEffect

[hjaintech]

First thing, PLEASE READ THIS: ReactPlay Code Review Checklist

Description

LevelBadge component was using useState and useEffect hook when neither of them were needed. Refactored out usage of both the hooks in this PR

Fixes #1225

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce.

Checklist:

• I have performed a self-review of my own 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

Screenshots or example output

[vercel]

@hjaintech is attempting to deploy a commit to a Personal Account owned by @reactplay on Vercel.

@reactplay first needs to authorize it.

[netlify]

✅ Deploy Preview for reactplayio ready!

Name	Link
🔨 Latest commit	b024062
🔍 Latest deploy log	https://app.netlify.com/sites/reactplayio/deploys/64bc0f458db3b30008e79a2a
😎 Deploy Preview	https://deploy-preview-1224--reactplayio.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Hey! contributor, thank you for opening a Pull Request 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.

[atapas]

@hjaintech changes look good. We need an issue to merge the PR. Could you please create one and update the description with the issue number? We will merge it after that.

[atapas]

Looks good.. Waiting for isue to be created to merge. @hjaintech

[hjaintech]

Looks good.. Waiting for isue to be created to merge. @hjaintech

Done @atapas ✅