Fix UI inconsistencies in song stats

src/Infrastructure/Interaction/NetCordInteraction.cs

@@ -34,12 +34,12 @@ public async Task<string> Play()
             return "The requested song is blacklisted and cannot be played.";
         }
 
-        const string message = "Added radio source to the queue!";
+        const string message = "Added requested track to the queue!";
 
         var playRequest = new PlayRequest<StringMenuInteractionContext>
         {
             Context = Context,
-            Callbacks = async callbackMessage => await RespondAsyncCallback(callbackMessage),
+            Callbacks = RespondAsyncCallback,
         };
         guildMusicService.Enqueue(Context.Guild!.Id, playRequest);
 
@@ -75,7 +75,7 @@ public async Task<string> PlayPlaylist()
             var playRequest = new PlayRequest<StringMenuInteractionContext>
             {
                 Context = Context,
-                Callbacks = async message => await RespondAsyncCallback(message),
+                Callbacks = RespondAsyncCallback,
                 VideoTitle = video.Title,
                 VideoUrl = video.Url
             };

src/UI/App/src/index.css

@@ -732,20 +732,31 @@ body {
 
 /* ===== Song Stats ===== */
 
+.table td.song-cell {
+  max-width: 0;
+}
+
 .song-info {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
+  min-width: 0;
 }
 
 .song-title {
   font-weight: 600;
   color: rgba(255, 255, 255, 0.9);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .song-artist {
   font-size: 0.9rem;
   color: rgba(255, 255, 255, 0.6);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 /* ===== User Stats ===== */

src/UI/App/src/pages/SongStats.tsx

@@ -212,12 +212,20 @@ export function SongStats() {
                   {pageRows.map((song, index) => (
                     <tr key={`${song.title}-${index}`}>
                       <td>{(safePage - 1) * PAGE_SIZE + index + 1}</td>
-                      <td>
+                      <td className="song-cell">
                         <div className="song-info">
-                          <div className="song-title">
+                          <div
+                            className="song-title"
+                            title={cleanTitle(song.title)}
+                          >
                             {cleanTitle(song.title)}
                           </div>
-                          <div className="song-artist">{song.artist}</div>
+                          <div
+                            className="song-artist"
+                            title={song.artist ?? undefined}
+                          >
+                            {song.artist}
+                          </div>
                         </div>
                       </td>
                       <td>