major redesign: move to rounded and extra spaceous UI

+ fix `play next` bug
+ add new folder banner image
+ add new now playing component
+ move to gray4 for accent color
+ increase image sizes, for clean UI

src/components/modals/NewPlaylist.vue

@@ -30,15 +30,15 @@ const route = useRoute();
 const playlistStore = usePlaylistStore();
 
 onMounted(() => {
-  document.getElementById("modal-playlist-name-input").focus();
+  (document.getElementById("modal-playlist-name-input") as HTMLElement).focus();
 });
 
 const emit = defineEmits<{
-  (e: "title", title: string): void;
+  (e: "setTitle", title: string): void;
   (e: "hideModal"): void;
 }>();
 
-emit("title", "New Playlist");
+emit("setTitle", "New Playlist");
 
 /**
  * Create a new playlist. If this modal is called with a track,

src/components/modals/updatePlaylist.vue

@@ -65,15 +65,15 @@ const props = defineProps<{
 }>();
 
 onMounted(() => {
-  document.getElementById("modal-playlist-name-input").focus();
+  (document.getElementById("modal-playlist-name-input") as HTMLElement).focus();
 });
 
 const emit = defineEmits<{
-  (e: "title", title: string): void;
+  (e: "setTitle", title: string): void;
   (e: "hideModal"): void;
 }>();
 
-emit("title", "Update Playlist");
+emit("setTitle", "Update Playlist");
 
 function selectFiles() {
   const input = document.getElementById(