feat: add a badge component

[anwarulislam]

The ⁠Badge component is intended to be used to display small, informative labels or indicators, typically used to show:

• Counts: e.g. number of notifications, unread messages, etc.
• Status: e.g. “New”, “Active”, “Pending”, etc.
• Tags: e.g. categories, types, etc.

[The-x-35]

I have taken part in the foss hack event and request you to assign this issue to me under the event.
My approach to solve this issue would be to add the badge component as a new component in the src/components folder and then add the related story to it in the stories folder and then test the code against all values, I would give a feature to choose the value they want to keep for the component and also the colour for better view.
If there is anything more I need to do please guide me.