Normalize display of artist names

lib/music_library_web/live/record_live/index.ex

@@ -1,6 +1,7 @@
 defmodule MusicLibraryWeb.RecordLive.Index do
   use MusicLibraryWeb, :live_view
   import MusicLibraryWeb.Pagination
+  import MusicLibraryWeb.ArtistHelpers
 
   alias MusicLibrary.Records
 

lib/music_library_web/live/record_live/index.html.heex

@@ -36,7 +36,7 @@
     </span>
   </:col>
   <:col :let={{_id, record}}>
-    <p class="text-sm max-sm:text-xs"><%= Enum.map(record.artists, fn a -> a.name end) %></p>
+    <p class="text-sm max-sm:text-xs"><%= format_artist_names(record.artists) %></p>
     <p class="text-base font-semibold text-wrap max-sm:text-xs"><%= record.title %></p>
     <p class="text-sm max-sm:text-xs"><%= record.release %></p>
   </:col>

lib/music_library_web/live/record_live/show.ex

@@ -1,5 +1,6 @@
 defmodule MusicLibraryWeb.RecordLive.Show do
   use MusicLibraryWeb, :live_view
+  import MusicLibraryWeb.ArtistHelpers
 
   alias MusicLibrary.Records
 

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

@@ -1,6 +1,6 @@
 <.header>
   <%= @record.title %>
-  <:subtitle><%= Enum.map(@record.artists, fn a -> a.name end) %></:subtitle>
+  <:subtitle><%= format_artist_names(@record.artists) %></:subtitle>
   <:actions>
     <.link patch={~p"/records/#{@record}/show/edit"} phx-click={JS.push_focus()}>
       <.button>Edit Metadata</.button>