feat: add sort filter chips to albums and favorites views

index.html

@@ -193,6 +193,13 @@
       <!-- ALBUMS -->
       <div class="page" id="page-albums">
         <div class="page-header"><div class="page-title">Alben</div></div>
+        <div id="albums-sort-chips" class="sort-chips">
+          <button class="sort-chip active" data-sort="alphabeticalByName" onclick="loadAlbums('alphabeticalByName')">A–Z</button>
+          <button class="sort-chip" data-sort="alphabeticalByArtist" onclick="loadAlbums('alphabeticalByArtist')">Künstler</button>
+          <button class="sort-chip" data-sort="newest" onclick="loadAlbums('newest')">Neueste</button>
+          <button class="sort-chip" data-sort="recent" onclick="loadAlbums('recent')">Zuletzt gespielt</button>
+          <button class="sort-chip" data-sort="frequent" onclick="loadAlbums('frequent')">Meistgespielt</button>
+        </div>
         <div id="albums-grid" class="grid grid-4"></div>
       </div>
 
@@ -218,6 +225,13 @@
       <!-- STARRED -->
       <div class="page" id="page-starred">
         <div class="page-header"><div class="page-title">Favoriten ⭐</div></div>
+        <div id="starred-sort-chips" class="sort-chips">
+          <button class="sort-chip active" data-sort="newest" onclick="loadStarred('newest')">Neueste</button>
+          <button class="sort-chip" data-sort="oldest" onclick="loadStarred('oldest')">Älteste</button>
+          <button class="sort-chip" data-sort="az" onclick="loadStarred('az')">A–Z</button>
+          <button class="sort-chip" data-sort="artist" onclick="loadStarred('artist')">Künstler</button>
+          <button class="sort-chip" data-sort="plays" onclick="loadStarred('plays')">Meistgespielt</button>
+        </div>
         <div id="starred-songs" class="song-list"></div>
       </div>