feat: Snackbar support for any children

[hurali97]

Summary

This PR adds support to snackbar to allow laying out it's non-text children gracefully, without overflowing the view. This effort fixes #3360.

Web

Android

iOS

Discussion:

With introducing these changes, we get the desired results without breaking the previous functionality. However, the text overflows behind the Undo button due to the icon view in snackbar.

This can be handled by the users by configuring the text styles like so:

text: { 
    ...other properties,
    flexWrap: 'wrap',
    flexShrink: 1 
}

Test plan

Unit test coverage and tested on Web, Android & iOS. (screenshots above)

[github-actions]

The mobile version of example app from this branch is ready! You can see it here

.

[github-actions]

The mobile version of example app from this branch is ready! You can see it here

.

[callstack-bot]

Hey @hurali97, thank you for your pull request 🤗. The documentation from this branch can be viewed here.

[github-actions]

The mobile version of example app from this branch is ready! You can see it here

.