[Hristo313]

Closes #743

Update the Dialog xplat topics

Also updated the samples:
Angular -> IgniteUI/igniteui-angular-samples#4058
React -> IgniteUI/igniteui-react-examples#1128
WC -> IgniteUI/igniteui-wc-examples#1303
Blazor -> IgniteUI/igniteui-blazor-examples#1333

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]

Dialog Live Demo and Types Section:

Message Text Color should be:
Material - gray 600 and Bootstrap - gray 600
in the sample is gray 700

For Styling with Tailwind example:

the "close" icon and the its border should have both same color