feat(podcasts): translatable descriptions on the NoteCompose feed cards

RenderPodcastMetadata and RenderPodcastEpisode rendered their description
tag as a plain Text. Both now use TranslatableRichTextViewer (rich text +
translation), matching the podcast screen header. The metadata card finally
uses its previously-ignored canPreview/backgroundColor params; the episode
card gives its short description a distinct id so it doesn't share remember
state with the markdown body below it.

amethyst/src/main/java/com/vitorpamplona/amethyst/ui/note/types/PodcastEpisode.kt

@@ -104,12 +104,18 @@ fun RenderPodcastEpisode(
             }
 
             description?.let {
-                Text(
-                    text = it,
-                    style = MaterialTheme.typography.bodyMedium,
-                    maxLines = 3,
-                    overflow = TextOverflow.Ellipsis,
+                val descriptionTags = remember(noteEvent) { noteEvent.tags.toImmutableListOfLists() }
+
+                TranslatableRichTextViewer(
+                    content = it,
+                    canPreview = canPreview,
+                    quotesLeft = 1,
                     modifier = Modifier.fillMaxWidth(),
+                    tags = descriptionTags,
+                    backgroundColor = backgroundColor,
+                    id = note.idHex + "-description",
+                    accountViewModel = accountViewModel,
+                    nav = nav,
                 )
             }
 

amethyst/src/main/java/com/vitorpamplona/amethyst/ui/note/types/PodcastMetadata.kt

@@ -43,7 +43,9 @@ import androidx.compose.ui.unit.dp
 import com.vitorpamplona.amethyst.R
 import com.vitorpamplona.amethyst.commons.icons.symbols.Icon
 import com.vitorpamplona.amethyst.commons.icons.symbols.MaterialSymbols
+import com.vitorpamplona.amethyst.commons.model.toImmutableListOfLists
 import com.vitorpamplona.amethyst.model.Note
+import com.vitorpamplona.amethyst.ui.components.TranslatableRichTextViewer
 import com.vitorpamplona.amethyst.ui.navigation.navs.INav
 import com.vitorpamplona.amethyst.ui.navigation.routes.Route
 import com.vitorpamplona.amethyst.ui.screen.loggedIn.AccountViewModel
@@ -58,8 +60,8 @@ import com.vitorpamplona.quartz.nipF4Podcasts.metadata.PodcastMetadataEvent
 fun RenderPodcastMetadata(
     note: Note,
     makeItShort: Boolean,
-    @Suppress("UNUSED_PARAMETER") canPreview: Boolean,
-    @Suppress("UNUSED_PARAMETER") backgroundColor: MutableState<Color>,
+    canPreview: Boolean,
+    backgroundColor: MutableState<Color>,
     accountViewModel: AccountViewModel,
     nav: INav,
 ) {
@@ -99,12 +101,18 @@ fun RenderPodcastMetadata(
             }
 
             description?.takeIf { !makeItShort }?.let {
-                Text(
-                    text = it,
-                    style = MaterialTheme.typography.bodyMedium,
-                    maxLines = 5,
-                    overflow = TextOverflow.Ellipsis,
+                val tags = remember(noteEvent) { noteEvent.tags.toImmutableListOfLists() }
+
+                TranslatableRichTextViewer(
+                    content = it,
+                    canPreview = canPreview,
+                    quotesLeft = 1,
                     modifier = Modifier.fillMaxWidth(),
+                    tags = tags,
+                    backgroundColor = backgroundColor,
+                    id = note.idHex,
+                    accountViewModel = accountViewModel,
+                    nav = nav,
                 )
             }