fix: update volume default value and improve Playlist component's maxHeight calculation

src/components/player/Playlist.tsx

@@ -19,8 +19,6 @@ export function Playlist({
   onTrackSelect,
   variant = 'normal'
 }: PlaylistProps) {
-  const maxHeight = variant === 'maximized' ? 'h-[calc(100vh-230px)]' : 'h-60'
-
   return (
     <div className="w-full">
       {/* Header */}
@@ -34,7 +32,7 @@ export function Playlist({
       </div>
       
       {/* Track List */}
-      <ScrollArea className={maxHeight}>
+      <ScrollArea className={variant === 'maximized' ? 'h-[calc(100vh-230px)]' : 'h-60'}>
         <div className="w-full">
           {playlist.sounds.map((sound, index) => (
             <div
@@ -85,7 +83,7 @@ export function Playlist({
               
               {/* Duration - 2 columns */}
               <div className="col-span-2 text-right">
-                <span className="text-muted-foreground text-[10px] whitespace-nowrap">
+                <span className="text-muted-foreground text-xs whitespace-nowrap">
                   {formatDuration(sound.duration)}
                 </span>
               </div>