Add Various Title Displays

src/routes/+page.svelte

@@ -17,6 +17,9 @@
     let title = $state("");
     let queueIndex = $state(0);
     let currentSong = $state({
+        data: {
+            title,
+        },
         queueIndex
     });
     let isPaused = $state(true);
@@ -167,6 +170,11 @@
     })
 </script>
 
+<svelte:head>
+    <title>Lytter - {currentSong.data.title}({currentSong.data.artist})</title>
+    <meta name="robots" content="noindex nofollow" />
+</svelte:head>
+
 <div class="border border-2 flex-1 grid grid-cols-5">
     <div class="border border-2 col-span-1">
         <h1>Left Sidebar</h1>
@@ -180,7 +188,7 @@
 </div>
 <div class="border border-2 min-h-24 h-24">
     <div class="flex flex-row gap-2">
-        <p class="border p-2">Song: {title}</p>
+        <p class="border p-2">Song: {currentSong.data.title}</p>
         <p class="border p-2">Volume: {volume}</p>
         <p class="border p-2">{displayTime(progress)}/{displayTime(duration)}</p>
         <p class="border p-2">{progressPercent().toFixed(2)}%</p>