Render bio with linebreaks

lib/music_library_web/live/artist_live/show.html.heex

@@ -2,12 +2,12 @@
   <h1 class="mt-1 flex font-semibold text-base lg:text-2xl leading-5 text-zinc-700 dark:text-zinc-300 text-wrap">
     {@artist.name}
   </h1>
-  <p
+  <div
     :if={artist_info = @artist_info.ok? && @artist_info.result}
     class="bio mt-2 text-sm leading-5 text-zinc-500 dark:text-zinc-400"
   >
-    {(artist_info.bio || gettext("Biography not available")) |> raw()}
-  </p>
+    {render_bio(artist_info.bio)}
+  </div>
 
   <div :if={@artist_records.collection !== []} class="mt-4">
     <h2 class="font-semibold text-base sm:text-lg leading-5 text-zinc-700 dark:text-zinc-300">