refactor: comment out unused JSX elements in Playlist component for cleaner code

src/components/player/Playlist.tsx

@@ -92,16 +92,16 @@ export function Playlist({
                 )}>
                   {sound.name}
                 </p>
-                <p className={cn(
+                {/* <p className={cn(
                   'text-muted-foreground truncate',
                   variant === 'maximized' ? 'text-xs' : 'text-[10px]'
                 )}>
                   {sound.filename}
-                </p>
+                </p> */}
               </div>
 
               {/* Duration and Type */}
-              <div className="flex flex-col items-end gap-1 flex-shrink-0">
+              {/* <div className="flex flex-col items-end gap-1 flex-shrink-0">
                 <span className={cn(
                   'text-muted-foreground',
                   variant === 'maximized' ? 'text-xs' : 'text-[10px]'
@@ -116,7 +116,7 @@ export function Playlist({
                 >
                   {sound.type}
                 </Badge>
-              </div>
+              </div> */}
             </div>
           ))}
         </div>