main: added presigned url + favicon

Signed-off-by: nfel <nfilsaraee@gmail.com>

components/AlbumCard.tsx

@@ -47,10 +47,20 @@ export default function AlbumCard({ album, isPurchased, onPlay, onPurchase }: Al
       className="paper-card-light overflow-hidden group cursor-pointer hover:shadow-paper-lg transition-shadow"
     >
       {/* Album Cover */}
-      <div className="relative aspect-square bg-paper-brown flex items-center justify-center overflow-hidden border-b-2 border-paper-gray">
-        <div className="relative z-10 text-6xl font-bold text-paper-dark/20 p-8 text-center">
-          {album.title}
-        </div>
+      <div className="relative aspect-square bg-paper-brown overflow-hidden border-b-2 border-paper-gray">
+        {album.coverImage ? (
+          <img
+            src={album.coverImage}
+            alt={album.title}
+            className="w-full h-full object-cover"
+          />
+        ) : (
+          <div className="w-full h-full flex items-center justify-center">
+            <div className="relative z-10 text-6xl font-bold text-paper-dark/20 p-8 text-center">
+              {album.title}
+            </div>
+          </div>
+        )}
 
         {/* Overlay on hover */}
         <div className="absolute inset-0 bg-paper-dark/80 opacity-0 group-hover:opacity-100 transition-all duration-300 flex items-center justify-center gap-3">