feat: show search icon in header instead of input

+ fix: persistent updating text on update playlist modal
+ move router routes to a separate file
    + lazy import route components
+ remove loading: lazy from songcard
+ remove unused imports on navigation component

src/components/shared/ArtistName.vue

@@ -1,13 +1,6 @@
 <template>
   <div v-tooltip="returnArtists()" style="width: auto">
-    <div
-      class="ellip"
-      v-if="
-        artists === null ||
-        artists.length === 0 ||
-        (artists[0] === '' && artists.length === 1)
-      "
-    >
+    <div class="ellip" v-if="artists === null || artists.length === 0">
       <span>{{ albumartist }}</span>
     </div>
     <div class="ellip" v-else>
@@ -27,12 +20,9 @@ const props = defineProps<{
 }>();
 
 function returnArtists() {
-  if (props.artists === null) return props.albumartist;
+  if (props.artists === null || props.artists.length === 0)
+    return props.albumartist;
 
-  if (props.artists[0] !== "" && props.artists.length > 1) {
-    return props.artists.join(", ");
-  }
-
-  return props.albumartist;
+  return props.artists.join(", ");
 }
 </script>