[Clipclops] Header tweaks (#3839)

* wrap text

* add dividers to convo menu

src/components/dms/ConvoMenu.tsx

@@ -123,6 +123,7 @@ let ConvoMenu = ({
               <Menu.ItemIcon icon={convo?.muted ? Unmute : Mute} />
             </Menu.Item>
           </Menu.Group>
+          <Menu.Divider />
           {/* TODO(samuel): implement these */}
           <Menu.Group>
             <Menu.Item
@@ -146,6 +147,7 @@ let ConvoMenu = ({
               <Menu.ItemIcon icon={Flag} />
             </Menu.Item>
           </Menu.Group>
+          <Menu.Divider />
           <Menu.Group>
             <Menu.Item
               label={_(msg`Leave conversation`)}

src/screens/Messages/Conversation/index.tsx

@@ -125,9 +125,11 @@ let Header = ({
       ) : (
         <View style={{width: 30}} />
       )}
-      <View style={[a.align_center, a.gap_sm]}>
+      <View style={[a.align_center, a.gap_sm, a.flex_1]}>
         <PreviewableUserAvatar size={32} profile={profile} />
-        <Text style={[a.text_lg, a.font_bold]}>{profile.displayName}</Text>
+        <Text style={[a.text_lg, a.font_bold, a.text_center]}>
+          {profile.displayName}
+        </Text>
       </View>
       {chat.status === ConvoStatus.Ready ? (
         <ConvoMenu