Index: frontend/src/components/MiniPlayer.tsx
===================================================================
--- frontend/src/components/MiniPlayer.tsx	(revision 1579b4f9eaf503a14012d471db11e16e645306e3)
+++ frontend/src/components/MiniPlayer.tsx	(revision f5bc95e4a628b62884f4631d8a118a9790052953)
@@ -1,2 +1,3 @@
+import { baseURL } from "../api/axiosInstance";
 import { usePlayer } from "../context/playerContext";
 
@@ -20,5 +21,9 @@
 					<div className="flex items-center gap-4">
 						<img
-							src={currentSong.cover || "/favicon.png"}
+							src={
+								currentSong.cover
+									? `${baseURL}/${currentSong.cover}`
+									: "/favicon.png"
+							}
 							alt={currentSong.title}
 							className="w-12 h-12 rounded-lg object-cover shadow-lg"
@@ -110,5 +115,9 @@
 					<div className="flex items-center gap-3 min-w-0 flex-1">
 						<img
-							src={currentSong.cover || "/favicon.png"}
+							src={
+								currentSong.cover
+									? `${baseURL}/${currentSong.cover}`
+									: "/favicon.png"
+							}
 							alt={currentSong.title}
 							className="w-10 h-10 rounded object-cover shrink-0"
Index: frontend/src/components/Sidebar.tsx
===================================================================
--- frontend/src/components/Sidebar.tsx	(revision 1579b4f9eaf503a14012d471db11e16e645306e3)
+++ frontend/src/components/Sidebar.tsx	(revision f5bc95e4a628b62884f4631d8a118a9790052953)
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import axiosInstance from "../api/axiosInstance";
+import axiosInstance, { baseURL } from "../api/axiosInstance";
 import { useAuth } from "../context/authContext";
 import { usePlayer } from "../context/playerContext";
@@ -82,5 +82,5 @@
 							>
 								<img
-									src={song.cover || "/favicon.png"}
+									src={song.cover ? `${baseURL}/${song.cover}` : "/favicon.png"}
 									alt={song.title}
 									className="w-10 h-10 rounded object-cover"
Index: frontend/src/components/SongItem.tsx
===================================================================
--- frontend/src/components/SongItem.tsx	(revision 1579b4f9eaf503a14012d471db11e16e645306e3)
+++ frontend/src/components/SongItem.tsx	(revision f5bc95e4a628b62884f4631d8a118a9790052953)
@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState } from "react";
 import { useNavigate } from "react-router-dom";
+import { baseURL } from "../api/axiosInstance";
 import { usePlayer } from "../context/playerContext";
 import { toEmbedUrl } from "../utils/utils";
@@ -94,5 +95,5 @@
 			{/* Cover */}
 			<img
-				src={song.cover || "/favicon.png"}
+				src={song.cover ? `${baseURL}/${song.cover}` : "/favicon.png"}
 				alt={song.title}
 				className="w-12 h-12 rounded object-cover shrink-0"
Index: frontend/src/components/search/AlbumResult.tsx
===================================================================
--- frontend/src/components/search/AlbumResult.tsx	(revision 1579b4f9eaf503a14012d471db11e16e645306e3)
+++ frontend/src/components/search/AlbumResult.tsx	(revision f5bc95e4a628b62884f4631d8a118a9790052953)
@@ -1,3 +1,4 @@
 import { useNavigate } from "react-router-dom";
+import { baseURL } from "../../api/axiosInstance";
 import type { Album } from "../../utils/types";
 
@@ -15,5 +16,5 @@
 		>
 			<img
-				src={album.cover || "/favicon.png"}
+				src={album.cover ? `${baseURL}/${album.cover}` : "/favicon.png"}
 				alt={album.title}
 				className="w-12 h-12 rounded object-cover"
@@ -25,5 +26,5 @@
 				<p className="text-white font-medium truncate">{album.title}</p>
 				<p className="text-sm text-gray-400 truncate">
-					Album • {album.releasedBy} • {album.songs?.length ?? 0} songs
+					Album • {album.releasedBy}
 				</p>
 			</div>
Index: frontend/src/components/userProfile/ArtistView.tsx
===================================================================
--- frontend/src/components/userProfile/ArtistView.tsx	(revision 1579b4f9eaf503a14012d471db11e16e645306e3)
+++ frontend/src/components/userProfile/ArtistView.tsx	(revision f5bc95e4a628b62884f4631d8a118a9790052953)
@@ -3,5 +3,5 @@
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
-import axiosInstance from "../../api/axiosInstance";
+import axiosInstance, { baseURL } from "../../api/axiosInstance";
 import type { ArtistContribution } from "../../utils/types";
 import SongItem from "../SongItem";
@@ -65,5 +65,7 @@
 								<div className="relative aspect-square rounded-lg mb-3 overflow-hidden shadow-md group-hover:shadow-xl transition-all duration-300 bg-[#181818]">
 									<img
-										src={album.cover || "/favicon.png"}
+										src={
+											album.cover ? `${baseURL}/${album.cover}` : "/favicon.png"
+										}
 										alt={album.title}
 										className="w-full h-full object-cover"
Index: frontend/src/components/userProfile/ListenerView.tsx
===================================================================
--- frontend/src/components/userProfile/ListenerView.tsx	(revision 1579b4f9eaf503a14012d471db11e16e645306e3)
+++ frontend/src/components/userProfile/ListenerView.tsx	(revision f5bc95e4a628b62884f4631d8a118a9790052953)
@@ -3,5 +3,5 @@
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
-import axiosInstance from "../../api/axiosInstance";
+import axiosInstance, { baseURL } from "../../api/axiosInstance";
 import type { MusicalEntity, Playlist } from "../../utils/types";
 import SongItem from "../SongItem";
@@ -94,5 +94,9 @@
 								<div className="relative aspect-square rounded-lg overflow-hidden bg-[#181818] mb-3 shadow-md group-hover:shadow-xl transition-all">
 									<img
-										src={playlist.cover || "/favicon.png"}
+										src={
+											playlist.cover
+												? `${baseURL}/${playlist.cover}`
+												: "/favicon.png"
+										}
 										alt={playlist.name}
 										className="w-full h-full object-cover"
@@ -147,5 +151,9 @@
 								<div className="relative aspect-square rounded-lg overflow-hidden bg-[#181818] mb-3 shadow-md group-hover:shadow-xl transition-all">
 									<img
-										src={playlist.cover || "/favicon.png"}
+										src={
+											playlist.cover
+												? `${baseURL}/${playlist.cover}`
+												: "/favicon.png"
+										}
 										alt={playlist.name}
 										className="w-full h-full object-cover"
@@ -194,5 +202,7 @@
 									id: song.id,
 									title: song.title,
-									cover: song.cover,
+									cover: song.cover
+										? `${baseURL}/${song.cover}`
+										: "/favicon.png",
 									genre: song.genre,
 									link: (song as any).link,
@@ -227,5 +237,7 @@
 								<div className="relative aspect-square rounded-lg overflow-hidden bg-[#181818] mb-3 shadow-md group-hover:shadow-xl transition-all">
 									<img
-										src={album.cover || "/favicon.png"}
+										src={
+											album.cover ? `${baseURL}/${album.cover}` : "/favicon.png"
+										}
 										alt={album.title}
 										className="w-full h-full object-cover"