Enhance lyrics display: add transition effects, manage opacity, and improve styling for empty state

src/components/AudioPlayer.jsx

@@ -273,7 +273,7 @@ export function Player() {
                 style={{ width: `${(elapsedTime / trackDuration) * 100}%` }}
               />
             </div>
-            <div className="lrc-text">
+            <div className={`lrc-text ${lyrics.length === 0 ? 'empty' : ''}`}>
               {lyrics.map((lyricObj, index) => (
                 <p
                   key={index}
@@ -283,6 +283,7 @@ export function Player() {
                 </p>
               ))}
             </div>
+
             <div className="music-control">
               <div
                 className="music-control__play"