Fix UI inconsistencies across templates

- Replace .separator with .dropdown_separator in 4 dropdown menus
- Change gray-* to zinc-* color classes in online store templates
- Wrap hardcoded page titles in gettext() in online store templates
- Add consistent dark:text-zinc-200 to maintenance h3 subsections
- Add text-zinc-900 dark:text-zinc-200 to scrobble section headers
- Fix heading hierarchy (h1/h2 → h2/h3) in record set items
- Align artist form modal header to text-lg font-semibold
- Use size="xs" prop instead of class override on format badge
- Add external link icon to wishlist online store buttons

lib/music_library_web/live/scrobble_live/index.ex

@@ -22,7 +22,9 @@ defmodule MusicLibraryWeb.ScrobbleLive.Index do
         </header>
         <%= if @search_results != [] && @selected_release_group == nil do %>
           <div class="space-y-3">
-            <h3 class="text-lg font-semibold">{gettext("Release Groups")}</h3>
+            <h3 class="text-lg font-semibold text-zinc-900 dark:text-zinc-200">
+              {gettext("Release Groups")}
+            </h3>
             <ul class={[
               "mt-5 divide-y divide-zinc-100 dark:divide-slate-300/30",
               "max-h-125 overflow-y-auto"

lib/music_library_web/live/scrobble_live/show.ex

@@ -74,7 +74,9 @@ defmodule MusicLibraryWeb.ScrobbleLive.Show do
 
             <div :if={@release.media != []} class="mt-6 space-y-4">
               <div class="flex justify-between items-center">
-                <h3 class="text-lg font-semibold">{gettext("Tracks")}</h3>
+                <h3 class="text-lg font-semibold text-zinc-900 dark:text-zinc-200">
+                  {gettext("Tracks")}
+                </h3>
 
                 <.button
                   :if={@can_scrobble}