ui: queue: hide grab handle if hover available

src/lib/components/player/Queue.svelte

@@ -44,9 +44,7 @@
 <div
 	class="flex flex-col h-full w-full bg-background/50 backdrop-blur rounded-lg border overflow-hidden"
 >
-	<div
-		class="px-4 py-3 border-b flex justify-between items-center bg-muted/20"
-	>
+	<div class="px-4 py-3 border-b flex justify-between items-center bg-muted/20">
 		<h3 class="font-semibold text-sm">Up Next</h3>
 		<Button
 			variant="ghost"
@@ -98,7 +96,7 @@
 
 						<!-- Hover: Grip Handle -->
 						<div
-							class="hidden group-hover:flex items-center justify-center w-full h-full cursor-grab active:cursor-grabbing text-muted-foreground/50 hover:text-foreground"
+							class="[@media(hover:hover)]:hidden group-hover:flex items-center justify-center w-full h-full cursor-grab active:cursor-grabbing text-muted-foreground/50 hover:text-foreground"
 							aria-label="Drag to reorder"
 						>
 							<GripVertical class="h-4 w-4" />
@@ -112,10 +110,7 @@
 						>
 							{track.animeName}
 							<span class="tag"
-								>{songTypeNumberLabel(
-									track.type,
-									track.number,
-								)}</span
+								>{songTypeNumberLabel(track.type, track.number)}</span
 							>
 							<span class="text-muted-foreground font-normal"
 								>{track.globalPercent}%</span
@@ -123,9 +118,7 @@
 						</div>
 						<div class="text-xs text-foreground/80">
 							{track.title} —
-							<span class="text-muted-foreground"
-								>{track.artist}</span
-							>
+							<span class="text-muted-foreground">{track.artist}</span>
 						</div>
 					</div>