Add canonical OP thread numbering (#11184)

Co-authored-by: DS Boyce <260543580+ds-boyce@users.noreply.github.com>

src/components/RichText.tsx

@@ -27,6 +27,7 @@ export type RichTextProps = TextStyleProp &
     interactiveStyle?: StyleProp<TextStyle>
     emojiMultiplier?: number
     shouldProxyLinks?: boolean
+    suffix?: React.ReactNode
     /**
      * DANGEROUS: Disable facet lexicon validation
      *
@@ -54,6 +55,7 @@ export function RichText({
   onLayout,
   onTextLayout,
   shouldProxyLinks,
+  suffix,
   disableMentionFacetValidation,
 }: RichTextProps) {
   const richText = useMemo(() => {
@@ -87,6 +89,8 @@ export function RichText({
           // @ts-ignore web only -prf
           dataSet={WORD_WRAP}>
           {text}
+          {suffix ? ' ' : null}
+          {suffix}
         </Text>
       )
     }
@@ -102,6 +106,8 @@ export function RichText({
         // @ts-ignore web only -prf
         dataSet={WORD_WRAP}>
         {text}
+        {suffix ? ' ' : null}
+        {suffix}
       </Text>
     )
   }
@@ -188,6 +194,8 @@ export function RichText({
       // @ts-ignore web only -prf
       dataSet={WORD_WRAP}>
       {els}
+      {suffix ? ' ' : null}
+      {suffix}
     </Text>
   )
 }