Update threads to use design system

src/view/com/util/PostMeta.tsx

@@ -48,16 +48,16 @@ export function PostMeta(opts: PostMetaOpts) {
         style={styles.metaItem}
         href={opts.authorHref}
         title={opts.authorHandle}>
-        <Text style={[pal.text, theme.typography.h5]} numberOfLines={1}>
+        <Text type="h5" style={[pal.text]} numberOfLines={1}>
           {displayName}
           {handle ? (
-            <Text style={[pal.textLight, theme.typography.h6]}>
+            <Text type="h6" style={[pal.textLight]}>
               &nbsp;{handle}
             </Text>
           ) : undefined}
         </Text>
       </Link>
-      <Text style={[styles.metaItem, pal.textLight, theme.typography.h6]}>
+      <Text type="h6" style={[styles.metaItem, pal.textLight]}>
         &middot; {ago(opts.timestamp)}
       </Text>
       <View style={s.flex1} />

src/view/com/util/text/RichText.tsx

@@ -29,7 +29,7 @@ export function RichText({
 }) {
   const theme = useTheme()
   const pal = usePalette('default')
-  const lineHeightStyle = lh(theme, 'body1', 1.2)
+  const lineHeightStyle = lh(theme, type, 1.2)
   if (!entities?.length) {
     if (/^\p{Extended_Pictographic}+$/u.test(text) && text.length <= 5) {
       style = {
@@ -38,7 +38,11 @@ export function RichText({
       }
       return <Text style={[style, pal.text]}>{text}</Text>
     }
-    return <Text style={[style, pal.text, lineHeightStyle]}>{text}</Text>
+    return (
+      <Text type={type} style={[style, pal.text, lineHeightStyle]}>
+        {text}
+      </Text>
+    )
   }
   if (!style) style = []
   else if (!Array.isArray(style)) style = [style]