Space at the beginning/end of the string in Text content is ignored in Popup component

[jelenamarjanovic95]

If there is a space at the beginning or end of the text content in a popup, it will be ignored. Can repro for LTR and RTL. Example:
<Popup trigger={<Button icon="more" content="Click me" />} content={ <Flex> <Text>Jelena Marjanovic</Text> <Text> 5+, </Text> </Flex> } />
Screenshots:
LTR:
RTL:

[mnajdova]

This is how html/react behaves... We have two options how we can fix this:

Children API:

import React from 'react'
import { Button, Popup, Flex, Text } from '@fluentui/react'

const PopupExample = () => (
<Popup trigger={<Button icon="more" content="Click me" />} content={ <Flex> <Text>Jelena Marjanovic</Text> <Text>&nbsp;5+&nbsp;</Text> </Flex> } />
)

export default PopupExample

Shorthand API:

import React from 'react'
import { Button, Popup, Flex, Text } from '@fluentui/react'

const PopupExample = () => (
<Popup trigger={<Button icon="more" content="Click me" />} content={ <Flex> <Text>Jelena Marjanovic</Text> <Text content={`\xa05+\xa0`}/> </Flex> } />
)

export default PopupExample