Create a Reusable "Coming Soon" Badge Component

[manikanta9176]

• Refactor the existing "Coming Soon" tag into a reusable, common component that can be attached to any UI element (e.g., buttons, cards, tab items, etc.).
• The component should allow flexible configuration through the following props:

Props:

• text (optional) – Custom badge text (default: "Coming Soon").
• icon (optional) – Icon to display alongside the text.
• position (optional) – Determines the badge placement. Acceptable values:
  • 'top-left' (default)
  • 'top-right'
  • 'top-middle'
  • 'right-middle'
  • 'bottom-right'
  • 'bottom-middle'
  • 'bottom-left'
  • 'left-middle'