feat(button): update button topics

[Hristo313]

Closes #490

Update the button xplat topics

Also updated the samples:
Angular -> IgniteUI/igniteui-angular-samples#4019
React -> IgniteUI/igniteui-react-examples#1097
WC -> IgniteUI/igniteui-wc-examples#1244
Blazor -> IgniteUI/igniteui-blazor-examples#1297

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]

Button Topic Review

Layout Template Section

For this layout example

use the one we have in our design documentation to show the button with and without the icon

instead of contained button variant, please use "Outlined".

For the Size section please use the example from the Design File in Figma: Figma File

For Style Parts Section please check again the hover states to have a good contrast: