Playlists: now use a dropdown menu for selecting the sort mode

approot/artists.xml

@@ -25,7 +25,7 @@
 <message id="Lms.Explore.Artists.template.track-artist-link-type-selector">
 	<div class="dropdown">
 		<button class="btn btn-sm btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-			${link-type}
+			${selected-item}
 		</button>
 		<ul class="dropdown-menu">
 			<li>${link-type-all class="dropdown-item"}</li>

approot/explore.xml

@@ -55,7 +55,7 @@
 <message id="Lms.Explore.template.sort-mode-selector">
 	<div class="dropdown">
 		<button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-			${sort-mode}
+			${selected-item}
 		</button>
 		<ul class="dropdown-menu">
 			<li>${random class="dropdown-item"}</li>

approot/tracklists.xml

@@ -3,19 +3,24 @@
 <messages xmlns:if="Wt.WTemplate.conditions">
 
 <message id="Lms.Explore.TrackLists.template">
-	<div class="mb-3">
-		<ul class="nav nav-pills">
-			<li class="nav-item">
-				${recently-modified class="nav-link"}
-			</li>
-			<li class="nav-item">
-				${all class="nav-link"}
-			</li>
-		</ul>
+	<div class="d-flex flex-row-reverse">
+		${sort-mode}
 	</div>
 	${tracklists}
 </message>
 
+<message id="Lms.Explore.TrackLists.template.sort-mode">
+	<div class="dropdown">
+		<button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+			${selected-item}
+		</button>
+		<ul class="dropdown-menu">
+			<li>${all class="dropdown-item"}</li>
+			<li>${recently-modified class="dropdown-item"}</li>
+		</ul>
+	</div>
+</message>
+
 <message id="Lms.Explore.TrackLists.template.entry">
 	${name class="text-decoration-none link-secondary"}
 </message>