Simplify record grid markup

lib/music_library_web/components/record_components.ex

@@ -212,7 +212,6 @@ defmodule MusicLibraryWeb.RecordComponents do
           {ngettext("1 record", "%{count} records", @records_count)}
         </span>
       </header>
-      <%!-- TODO: replace with OSS version --%>
       <ul
         id={@id}
         phx-update="stream"
@@ -225,14 +224,13 @@ defmodule MusicLibraryWeb.RecordComponents do
         ]}
       >
         <li :for={{id, record} <- @records} id={id} class="relative">
-          <div class="overflow-hidden rounded-lg bg-zinc-100 focus-within:ring-2 focus-within:ring-zinc-500 focus-within:ring-offset-2 focus-within:ring-offset-zinc-100">
           <div
             class="relative cursor-pointer"
             phx-click={JS.navigate(@record_show_path.(record))}
           >
             <.record_cover
               record={record}
-                class="aspect-square object-cover hover:opacity-85"
+              class="aspect-square rounded-lg hover:opacity-85"
               width={460}
             />
             <span
@@ -291,7 +289,6 @@ defmodule MusicLibraryWeb.RecordComponents do
               </.dropdown>
             </div>
           </div>
-          </div>
           <div class="mt-2">
             <h1
               :if={@display_artist_names}