refactor UI layout

src/components/shared/PlayBtn.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="play-btn circular">
+    <div class="icon"></div>
+  </div>
+</template>
+
+<style lang="scss">
+.play-btn {
+  width: 2rem;
+  height: 2rem;
+  background-color: $red;
+  background-image: url("../../assets/icons/play.svg");
+  background-size: 1.25rem;
+  background-position: 60%;
+  background-repeat: no-repeat;
+  transition: all .25s;
+
+  &:hover {
+      background-color: rgb(58, 197, 58);
+      transform: scale(1.1);
+  }
+}
+</style>

src/components/shared/SongItem.vue

@@ -207,7 +207,7 @@ export default {
   .song-album {
     .album {
       cursor: pointer;
-      width: max-content;
+      max-width: max-content;
     }
 
     @include tablet-portrait {