create playlist view

- add support for scss

src/components/LeftSidebar/Navigation.vue

@@ -27,7 +27,7 @@
       </div>
     </router-link>
     <hr />
-    <router-link :to="{ name: 'Home' }">
+    <router-link :to="{ name: 'PlaylistView' }">
       <div class="nav-button" id="playlists-button">
         <div class="in">
           <div class="nav-icon image" id="playlists-icon"></div>

src/components/PlaylistView/Header.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="p-header rounded">
+    <div class="album-art rounded"></div>
+    <div></div>
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+.p-header {
+  display: flex;
+  padding: 0.5rem;
+  background-color: $card-dark;
+  height: calc(100% - 1rem);
+}
+
+.p-header > * {
+  // border: solid;
+}
+
+.p-header .album-art {
+  width: 15rem;
+  height: 15rem;
+  background: $red;
+}
+</style>