feat(docs): update badge xplat topic

[Hristo313]

Closes #448

Update the badge xplat topic

Also updated the samples: IgniteUI/igniteui-angular-samples#3997

Checklist:

• check topic's TOC/menu and paragraph headings
• Include TOC topic labels in the topic content when it has a valuable update, is new, or is considered preview / beta
• link to other topics using ./page.mdx or ../relative/path.mdx (.mdx extension required)
• at the References section at the end of the topic add links to topics, samples, etc
• reference API documentation instead of adding a section with API

• use valid component names - [Data] Grid, IgxSelectComponent, <igx-combo>
• use spell checker tool (VS Code, Grammarly, Microsoft Editor)
• add inline code blocks for the names of classes / tags / properties
• add language descriptor for the code blocks
• check if links function by running the check-api/mdx npm commands
• check if sample is working and fully visible in the topic
• check if sample is working and fully visible in the StackBlitz
• check if code blocks match the code in StackBlitz demo
• add or update meaningful llms.description metadata and run npm run check:llms-metadata

• follow SEO guidelines to fill topic's metadata (SEO guidelines)

• do not resolve requested changes (leave that to the reviewer)

[DiLazarova]

Badge Component

Anglular

USAGE section:

1. The subsections must be in the following order:

• Type (number, icon, dot)
• Size
• Shape
• Variants (Primary, Info, Success, Warn, and Error)
• Outlined
• Badge in List - ? This subsection is found only here
• Do/Don’t + Image from Design Documentation

2. Two sections have been added to this structure - “Value and Icon” and “Icon”. They must be part of the Type subsection

3. “Variants” subsection should be after the "Shape” subsection

---

Webcomponents

USAGE section:

• The "Size" subsection is missing
• Тhe “Type “ subsection is missing
• “Dot” subsection need to be part of Type subsection
• “Variants” subsection should be before “Outlined”
• A photo must be included in the "Do/Don't" subsection, similar to Design Documentation

---

React = Blazor

USAGE section:

• The "Size" subsection is missing
• Тhe “Type “ subsection is missing
• “Dot” subsection need to be part of Type subsection
• “Variants” subsection should be before “Outlined”
• A photo must be included in the "Do/Don't" subsection, similar to Design Documentation

Link to Design Documentation: https://www.infragistics.com/products/indigo-design/help/components/badge#states