implement wheel scroll on featured artists.

add next-prev buttons too

src/components/LeftSidebar/Navigation.vue

@@ -53,6 +53,15 @@
         </div>
       </div>
     </router-link>
+    <hr />
+    <router-link :to="{ name: 'FolderView' }">
+      <div class="nav-button" id="folders-button">
+        <div class="in">
+          <div class="nav-icon image" id="settings-icon"></div>
+          <span id="text">Settings</span>
+        </div>
+      </div>
+    </router-link>
   </div>
 </template>
 
@@ -65,7 +74,7 @@ export default {
 
 
 
-<style>
+<style lang="scss">
 .side-nav-container .in {
   display: flex;
   align-items: center;
@@ -89,12 +98,13 @@ export default {
   background-color: transparent;
   height: 100%;
   padding: 10px;
+  transition: all 0.3s ease-in-out;
 }
 
-
-.collapsed .nav-button span {
-  font-size: small;
+.collapsed .nav-button {
+  font-size: smaller;
   margin-top: 5px;
+  transition: all .2s ease-in-out;
 }
 
 .side-nav-container .nav-button:hover {
@@ -135,6 +145,9 @@ export default {
 .side-nav-container #folders-button #folders-icon {
   background-image: url(../../assets/icons/folder.svg);
 }
+.side-nav-container #folders-button #settings-icon {
+  background-image: url(../../assets/icons/settings.svg);
+}
 
 .side-nav-container #folders-button #text {
   margin-top: 5px;

src/components/LeftSidebar/PinnedStuff.vue

@@ -6,7 +6,6 @@
   >
     <div>
       <div class="nav-button" id="pinned-button">
-        <!-- <div class="nav-icon" id="pinned-icon"></div> -->
         <span id="text">Quick access</span>
       </div>
     </div>
@@ -62,7 +61,6 @@ export default {
 </script>
 
 <style>
-
 #pinned-container .nav-button {
   color: rgba(255, 255, 255, 0.671);
 }