Increase cover art resolution to 300px for improved image quality in AlbumPage and SongRecommendations components

app/components/SongRecommendations.tsx

@@ -217,9 +217,10 @@ export function SongRecommendations({ userName }: SongRecommendationsProps) {
                   <div className="relative aspect-square rounded-lg overflow-hidden bg-muted">
                     {album.coverArt && api ? (
                       <Image
-                        src={api.getCoverArtUrl(album.coverArt, 200)}
+                        src={api.getCoverArtUrl(album.coverArt, 300)}
                         alt={album.name}
-                        fill
+                        width={600}
+                        height={600}
                         className="object-cover"
                         sizes="(max-width: 768px) 33vw, 200px"
                         onLoad={handleImageLoad}

app/library/page.tsx

@@ -201,9 +201,10 @@ export default function LibraryPage() {
                   <Link href={`/album/${album.id}`}>
                     <div className="relative aspect-square mb-2">
                       <Image
-                        src={album.coverArt && api ? api.getCoverArtUrl(album.coverArt, 200) : '/default-user.jpg'}
+                        src={album.coverArt && api ? api.getCoverArtUrl(album.coverArt, 300) : '/default-user.jpg'}
                         alt={album.name}
-                        fill
+                        width={600}
+                        height={600}
                         className="object-cover rounded-lg"
                         sizes="(max-width: 768px) 50vw, 200px"
                       />