Enable and style clickable artist name in fullscreen player

js/ui.js

@@ -823,6 +823,17 @@ export class UIRenderer {
         const fsDownloadBtn = document.getElementById('fs-download-btn');
         const fsCastBtn = document.getElementById('fs-cast-btn');
         const fsQueueBtn = document.getElementById('fs-queue-btn');
+        const artistEl = document.getElementById('fullscreen-track-artist');
+
+        if (artistEl) {
+            artistEl.style.cursor = 'pointer';
+            artistEl.onclick = () => {
+                if (this.player.currentTrack && this.player.currentTrack.artist) {
+                    this.closeFullscreenCover();
+                    navigate(`/artist/${this.player.currentTrack.artist.id}`);
+                }
+            };
+        }
 
         let lastPausedState = null;
         const updatePlayBtn = () => {

styles.css

@@ -2146,6 +2146,14 @@ input:checked + .slider::before {
     font-size: 1.25rem;
     color: color-mix(in srgb, var(--foreground), transparent 40%);
     font-weight: 500;
+    transition: color 0.2s, text-decoration 0.2s;
+}
+
+#fullscreen-track-artist:hover {
+    color: var(--highlight);
+    color: var(--primary);
+    text-decoration: underline;
+    cursor: pointer;
 }
 
 #fullscreen-next-track {