[FormattedText] Avoid using children

[gabro]

Project card

requirements

FormattedText uses children for the content, making it difficult and ambiguous to type.

Proposal: use a content or value prop so:

const content = 'foo \n bar';

// Before
<FormattedText>{content}</FormattedText>

// After
<FormattedText content={content} />