feat: update commit SHA, enhance AudioPlayer and FullScreenPlayer components with improved layout and functionality, and add context menu support

.env.local

@@ -1 +1 @@
-NEXT_PUBLIC_COMMIT_SHA=d6ac247
+NEXT_PUBLIC_COMMIT_SHA=707960b

app/components/AudioPlayer.tsx

@@ -428,12 +428,13 @@ export const AudioPlayer: React.FC = () => {
               <p className="text-xs text-muted-foreground truncate">{currentTrack.artist}</p>
             </div>
           </div>
+
           {/* Control buttons */}  
+        <div className="flex items-center justify-center space-x-2 ">
           <button
                 onClick={toggleShuffle} className={`p-1.5 hover:bg-gray-700/50 rounded-full transition-colors ${   shuffle ? 'text-primary bg-primary/20' : '' }`} title={shuffle ? 'Shuffle On - Queue is shuffled' : 'Shuffle Off - Click to shuffle queue'}>
                 <FaShuffle className="w-3 h-3" />
-              </button>
-        <div className="flex items-center justify-center space-x-2">
+            </button>
           <button className="p-1.5 hover:bg-gray-700/50 rounded-full transition-colors" onClick={playPreviousTrack}>
             <FaBackward className="w-3 h-3" />
           </button>
@@ -455,6 +456,8 @@ export const AudioPlayer: React.FC = () => {
                   className={`w-4 h-4 ${currentTrack.starred ? 'text-primary fill-primary' : ''}`} 
                 />
               </button>
+
+              
         </div>
           <div className="flex items-center space-x-1 ml-2">
             <button 

app/components/FullScreenPlayer.tsx

@@ -2,6 +2,7 @@
 
 import React, { useEffect, useRef, useState } from 'react';
 import Image from 'next/image';
+import { useRouter } from 'next/navigation';
 import { useAudioPlayer } from '@/app/components/AudioPlayerContext';
 import { Progress } from '@/components/ui/progress';
 import { lrcLibClient } from '@/lib/lrclib';
@@ -22,6 +23,12 @@ import {
 import { Heart } from 'lucide-react';
 import { Card, CardContent } from '@/components/ui/card';
 import { ScrollArea } from '@/components/ui/scroll-area';
+import {
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuTrigger,
+} from "@/components/ui/context-menu";
 
 interface LyricLine {
   time: number;
@@ -36,6 +43,7 @@ interface FullScreenPlayerProps {
 
 export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onClose, onOpenQueue }) => {
   const { currentTrack, playPreviousTrack, playNextTrack, shuffle, toggleShuffle, toggleCurrentTrackStar } = useAudioPlayer();
+  const router = useRouter();
   const [progress, setProgress] = useState(0);
   const [isPlaying, setIsPlaying] = useState(false);
   const [volume, setVolume] = useState(1);
@@ -335,8 +343,11 @@ export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onCl
               <h1 className="text-lg sm:text-xl lg:text-3xl font-bold text-foreground mb-2 line-clamp-2 leading-tight">
                 {currentTrack.name}
               </h1>
-              <Link href={`/album/${currentTrack.artistId}`} className="text-base sm:text-lg lg:text-xl text-foreground/80 mb-1 line-clamp-1">
-              {currentTrack.artist}
+              <Link href={`/artist/${currentTrack.artistId}`} className="text-base sm:text-lg lg:text-xl text-foreground/80 mb-1 line-clamp-1">
+                {currentTrack.artist}
+              </Link>
+              <Link href={`/album/${currentTrack.albumId}`}  className="text-sm sm:text-base lg:text-lg text-foreground/60 line-clamp-1 cursor-pointer hover:underline">
+                {currentTrack.album}
               </Link>
             </div>