minor/add album name to player (text above cover art; album name was visible prior only when hovering over the image)

src/assets/styles/player.css

@@ -103,6 +103,13 @@ body {
   padding-top: 4%;
 }
 
+.music-player__album {
+  font-weight: bold;
+  text-align: center;
+  font-size: 0.85rem;
+  padding-bottom: 5px;
+}
+
 /* Music bar and progress */
 /* .music-bar {
   background: #efefef;

src/components/AudioPlayer.jsx

@@ -211,10 +211,11 @@ const progressColorClass =
       <div className="c-containter">
         <div className="music-container mt-8">
           <section className="album-cover">
+            <div class="music-player__album" title="Album">{trackAlbum}</div>  
             <img src={coverArt}
             className="cover"
             title={trackAlbum ? `"${trackAlbum}" Cover Art` : "Cover Art"}
-            alt={trackAlbum ? `"${trackAlbum}" Cover Art` : "Cover Art"} />
+            alt={trackAlbum ? `"${trackAlbum}" Cover Art` : "Cover Art"} />          
           </section>
           <section className="music-player">
             <h1 className="music-player__header">serious.FM</h1>