Add sync loading indicators: spinner in feed when fetching releases, syncing indicator on artist row when toggling types

src/main/resources/templates/fragments/feed-list.html

@@ -11,15 +11,20 @@
 </button>
 {/if}
 {#if !hasMore && rows.empty}
-<div class="text-center text-base-content/60 py-12">
-    <p class="text-lg">No releases yet.</p>
-    <p class="text-sm">Search for an artist above and click <strong>Follow</strong> to start tracking their release groups.</p>
+{#if syncing?? && syncing}
+<div class="text-center py-12">
+    <span class="loading loading-spinner loading-lg text-primary"></span>
+    <p class="mt-3 text-base-content/70">Fetching releases from MusicBrainz…</p>
 </div>
-{/if}
-{#if autoRefresh?? && autoRefresh}
 <div hx-get="/feed?offset=0"
      hx-target="#feed-list"
      hx-swap="innerHTML"
      hx-trigger="load delay:3s"
      class="hidden"></div>
+{#else}
+<div class="text-center text-base-content/60 py-12">
+    <p class="text-lg">No releases yet.</p>
+    <p class="text-sm">Search for an artist above and click <strong>Follow</strong> to start tracking their release groups.</p>
+</div>
+{/if}
 {/if}