Fix text wrapping in Account Manager banner

Remove maxWidth:100% from the inner text container that was
claiming all parent width and starving sibling elements (button,
close icon) of space. Also remove the no-op flexWrap from Text,
add flexShrink:0 to the Chat Now button, and use breakWord
instead of breakAll for more natural word wrapping.

Fixed Issues: Expensify/Expensify#597716

Co-authored-by: John Schuster <johncschuster@users.noreply.github.com>

Author: MelvinBot

src/components/Banner.tsx

@@ -90,11 +90,11 @@ function Banner({
                             styles.p5,
                             styles.borderRadiusNormal,
                             shouldHighlight ? styles.activeComponentBG : styles.hoveredComponentBG,
-                            styles.breakAll,
+                            styles.breakWord,
                             containerStyles,
                         ]}
                     >
-                        <View style={[styles.flexRow, styles.flex1, styles.mw100, styles.alignItemsCenter]}>
+                        <View style={[styles.flexRow, styles.flex1, styles.alignItemsCenter]}>
                             {shouldShowIcon && !!displayIcon && (
                                 <View style={[styles.mr3]}>
                                     <Icon
@@ -110,7 +110,7 @@ function Banner({
                                     <RenderHTML html={text} />
                                 ) : (
                                     <Text
-                                        style={[styles.flex1, styles.flexWrap, textStyles]}
+                                        style={[styles.flex1, textStyles]}
                                         onPress={onPress}
                                         suppressHighlighting
                                     >
@@ -121,7 +121,7 @@ function Banner({
                         {shouldShowButton && (
                             <Button
                                 success
-                                style={[styles.pr3]}
+                                style={[styles.pr3, styles.flexShrink0]}
                                 text={translate('common.chatNow')}
                                 onPress={onButtonPress}
                             />