Fix side padding inconsistencies in collection view

lib/music_library_web/components/core_components.ex

@@ -489,7 +489,7 @@ defmodule MusicLibraryWeb.CoreComponents do
         <tbody
           id={@id}
           phx-update={match?(%Phoenix.LiveView.LiveStream{}, @rows) && "stream"}
-          class="relative divide-y divide-zinc-100 border-t border-zinc-200 text-sm leading-6 text-zinc-700"
+          class="relative divide-y divide-zinc-100 border-t border-b border-zinc-200 text-sm leading-6 text-zinc-700"
         >
           <tr :for={row <- @rows} id={@row_id && @row_id.(row)} class="group hover:bg-zinc-50">
             <td

lib/music_library_web/components/pagination.ex

@@ -11,10 +11,7 @@ defmodule MusicLibraryWeb.Pagination do
     assigns = assign(assigns, :page_links, page_links)
 
     ~H"""
-    <div
+    <div id={@id} class="flex items-center justify-between bg-white px-4 py-6 mb-4">
-      id={@id}
-      class="flex items-center justify-between border-t border-zinc-200 bg-white px-4 py-6 sm:px-6 mb-4"
-    >
       <%!-- Only on smallest viewport --%>
       <div class={[
         "flex flex-1 sm:hidden",

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

@@ -1,3 +1,4 @@
+<div class="px-4 sm:px-0">
   <header class="gap-6 mb-2">
     <h1 class="text-lg font-semibold leading-8 text-zinc-800">All Records</h1>
     <div class="flex items-center justify-between gap-6 mb-2 mt-2">
@@ -25,6 +26,7 @@
     of <b><%= @record_list_params.total_entries %></b>
     records
   </p>
+</div>
 
 <.table
   id="records"