fix(ui-truncate-text): fix TruncateText not working inside TopNavBar.Item

[balzss]

INSTUI-3883

context: the issue was caused by <TopNavBar.Item> setting it's style to whiteSpace: 'nowrap' which needs to be overridden in TruncateText

test plan:

• check the example from the jira issue, the text should be truncated:

<TopNavBar.Item>
  <div style={{width: '5rem', display:"inline-block"}}>
    <TruncateText>
    Long text that should be truncated, but it's really not truncated
    </TruncateText>
  </div>
</TopNavBar.Item>

[github-actions]

Preview URL: https://1311--preview-instui.netlify.app