Set lang and dir attributes on tweet bodies (#170)

Tweets can be written in different languages. Language metadata is
essential for browsers to correctly render multilingual texts because
the different language uses different shapes of glyphs for the same
Unicode codepoints, and the browsers must select fonts based on the
intended language[^1].

Twitter API infers the primary language of each tweet, and this patch
sets the `lang` attribute to the inferred language for the tweet
bodies. `dir="auto"` is also necessary for proper rendering of texts
in the right-to-left languages, such as Arabic, Hebrew, and Persian.

[^1]: Regarding font selection in CJK languages: <https://heistak.github.io/your-code-displays-japanese-wrong/>.

Author: hanazuki

packages/react-tweet/src/twitter-theme/quoted-tweet/quoted-tweet-body.tsx

@@ -4,7 +4,7 @@ import s from './quoted-tweet-body.module.css'
 type Props = { tweet: EnrichedQuotedTweet }
 
 export const QuotedTweetBody = ({ tweet }: Props) => (
-  <p className={s.root}>
+  <p className={s.root} lang={tweet.lang} dir="auto">
     {tweet.entities.map((item, i) => (
       <span key={i} dangerouslySetInnerHTML={{ __html: item.text }} />
     ))}

packages/react-tweet/src/twitter-theme/tweet-body.tsx

@@ -3,7 +3,7 @@ import { TweetLink } from './tweet-link.js'
 import s from './tweet-body.module.css'
 
 export const TweetBody = ({ tweet }: { tweet: EnrichedTweet }) => (
-  <p className={s.root}>
+  <p className={s.root} lang={tweet.lang} dir="auto">
     {tweet.entities.map((item, i) => {
       switch (item.type) {
         case 'hashtag':