client: move table items to a independent component

src/components/RightSideBar/NowPlaying.vue

@@ -10,7 +10,7 @@
       <div>
         <p id="title" class="ellipsis">{{ current.title }}</p>
         <hr />
-        <div id="artist" v-if="current.artists[0] != ''">
+        <div id="artist" class="ellip" v-if="current.artists[0] != ''">
           <span v-for="artist in putCommas(current.artists)" :key="artist">{{
             artist
           }}</span>

src/components/RightSideBar/UpNext.vue

@@ -11,9 +11,9 @@
         }"
       ></div>
       <div class="tags">
-        <p class="title">{{ next.title }}</p>
+        <p class="title ellip">{{ next.title }}</p>
         <hr />
-        <p class="artist">
+        <p class="artist ellip">
           <span v-for="artist in putCommas(next.artists)" :key="artist">{{
             artist
           }}</span>