Improve consistency of title, shadow and borders in stats page

lib/music_library_web/components/stats_components.ex

@@ -118,7 +118,7 @@ defmodule MusicLibraryWeb.StatsComponents do
   def records_on_this_day(assigns) do
     ~H"""
     <ul
-      class="mt-5"
+      class="mt-5 p-4"
       role="list"
       id="records"
       phx-update="stream"

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

@@ -462,7 +462,7 @@
 </div>
 
 <div class="mt-5 grid grid-cols-1 lg:grid-cols-11 gap-4">
-  <div class="lg:col-span-3 px-4 shadow-sm">
+  <div class="lg:col-span-3">
     <div class="flex justify-between items-center">
       <h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
         {gettext("On This day")}
@@ -475,12 +475,14 @@
         <.date_picker size="xs" field={f[:current_date]} />
       </.form>
     </div>
+    <div class="rounded-md shadow-sm">
       <.records_on_this_day
         current_date={@current_date}
         records={@streams.records_on_this_day}
         record_show_path={fn record -> ~p"/collection/#{record}" end}
       />
     </div>
+  </div>
   <div class="lg:col-span-4">
     <h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
       {gettext("Top %{n} Artists", %{n: length(@records_by_artist)})}

lib/music_library_web/live/stats_live/top_albums.ex

@@ -101,7 +101,7 @@ defmodule MusicLibraryWeb.StatsLive.TopAlbums do
 
   defp top_albums_by_period(assigns) do
     ~H"""
-    <div class="mt-4">
+    <div class="mt-4 p-4 rounded-md shadow-sm">
       <div class="space-y-2">
         <div
           :for={album <- @albums}

lib/music_library_web/live/stats_live/top_artists.ex

@@ -93,7 +93,7 @@ defmodule MusicLibraryWeb.StatsLive.TopArtists do
 
   def top_artists_by_period(assigns) do
     ~H"""
-    <div class="mt-4">
+    <div class="mt-4 p-4 rounded-md shadow-sm">
       <div class="space-y-2">
         <div
           :for={artist <- @artists}