Fix text overflow in post meta on web (#10122)

src/components/ProfileHoverCard/index.web.tsx

@@ -519,6 +519,7 @@ function Inner({
                 a.leading_snug,
                 a.font_semi_bold,
                 a.self_start,
+                {minWidth: 0},
               ]}>
               {sanitizeDisplayName(
                 profile.displayName || sanitizeHandle(profile.handle),

src/view/com/util/PostMeta.tsx

@@ -82,9 +82,16 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
           />
         </View>
       )}
-      <View style={[a.flex_row, a.align_end, a.flex_shrink]}>
+      <View
+        style={[a.flex_row, a.align_end, a.flex_shrink, web({minWidth: 0})]}>
         <ProfileHoverCard did={author.did}>
-          <View style={[a.flex_row, a.align_end, a.flex_shrink]}>
+          <View
+            style={[
+              a.flex_row,
+              a.align_end,
+              a.flex_shrink,
+              web({minWidth: 0}),
+            ]}>
             <MaybeLinkText
               emoji
               numberOfLines={1}
@@ -125,6 +132,7 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
                 t.atoms.text_contrast_medium,
                 a.leading_tight,
                 {flexShrink: 10},
+                web({minWidth: 0}),
               ]}>
               {NON_BREAKING_SPACE + sanitizeHandle(handle, '@')}
             </MaybeLinkText>