feat(48): Create badge component

[KaigaMunene]

Description

• Create a component badge and write tests for it.

Closes #issue_number_here
#48

Changes proposed

What were you told to do?

• Create a badge component and

What did you do?

• Create a badge.tsx file in the components/ui folder
• Used the component in the _index.tsx file
• installed vitest and its dependencies
• create unit test using vitest

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

• My code follows the code style of this project.
• This PR does not contain plagiarized content.
• The title and description of the PR is clear and explains the approach.
• I am making a pull request against the dev branch (left side).
• My commit messages styles matches our requested structure.
• My code additions will fail neither code linting checks nor unit test.
• I am only making changes to files I was requested to.

Screenshots/Videos