[Chat] Fix overflowing chat names (#10780)

src/screens/Messages/components/MessagesListGroupInfoPanel.tsx

@@ -94,7 +94,7 @@ export function MessagesListGroupInfoPanel({
         />
         {convo.details.name ? (
           <Text
-            style={[a.text_2xl, a.font_bold, a.mt_lg, a.px_lg, t.atoms.text]}>
+            style={[a.text_2xl, a.font_bold, a.mt_lg, a.px_xl, a.text_center]}>
             {convo.details.name}
           </Text>
         ) : null}

src/screens/Messages/components/MessagesListInfoPanel.tsx

@@ -55,8 +55,12 @@ export function MessagesListInfoPanel({
           a.justify_center,
           a.gap_xs,
           a.mt_lg,
+          a.px_xl,
+          a.max_w_full,
         ]}>
-        <Text style={[a.text_2xl, a.font_bold, t.atoms.text]}>
+        <Text
+          style={[a.text_2xl, a.font_bold, a.text_center, a.flex_shrink]}
+          numberOfLines={1}>
           {displayName}
         </Text>
         <ProfileBadges profile={profile} size="lg" />