Implemented slim Sidebar setting

Still need to move back the toast messages when slimSidebar is set

src/components/pages/Settings.vue

@@ -72,6 +72,10 @@
 				<input type="checkbox" v-model="changeSlimDownloads" />
 				<span class="checkbox_text">{{ $t('settings.appearance.slimDownloadTab') }}</span>
 			</label>
+			<label class="with_checkbox">
+				<input type="checkbox" v-model="changeSlimSidebar" />
+				<span class="checkbox_text">{{ $t('settings.appearance.slimSidebar') }}</span>
+			</label>
 		</div>
 
 		<div class="settings-group">
@@ -683,6 +687,7 @@ export default {
 			lastUser: '',
 			spotifyUser: '',
 			slimDownloads: false,
+			slimSidebar: false,
 			previewVolume: window.vol,
 			accountNum: 0,
 			accounts: []
@@ -708,6 +713,16 @@ export default {
 				localStorage.setItem('slimDownloads', wantSlimDownloads)
 			}
 		},
+		changeSlimSidebar: {
+			get() {
+				return this.slimSidebar
+			},
+			set(wantSlimSidebar) {
+				this.slimSidebar = wantSlimSidebar
+				document.getElementById('sidebar').classList.toggle('slim', wantSlimSidebar)
+				localStorage.setItem('slimSidebar', wantSlimSidebar)
+			}
+		},
 		pictureHref() {
 			// Default image: https://e-cdns-images.dzcdn.net/images/user/125x125-000000-80-0-0.jpg
 			return `https://e-cdns-images.dzcdn.net/images/user/${this.user.picture}/125x125-000000-80-0-0.jpg`
@@ -734,6 +749,7 @@ export default {
 		}
 
 		this.changeSlimDownloads = 'true' === localStorage.getItem('slimDownloads')
+		this.changeSlimSidebar = 'true' === localStorage.getItem('slimSidebar')
 
 		let volume = parseInt(localStorage.getItem('previewVolume'))