Redoing the standard format for songs, albums, artists, and playlists

src/routes/(app)/+page.svelte

@@ -1,18 +1,15 @@
 <script lang="ts">
     import ScrollableCardMenu from '$lib/components/media/scrollableCardMenu.svelte'
     import type { PageData } from './$types'
+    import Loader from '$lib/components/util/loader.svelte'
 
     export let data: PageData
 </script>
 
 <div id="main">
-    {#await data.recommendations then recommendations}
+    {#await data.recommendations}
+        <Loader />
+    {:then recommendations}
         <ScrollableCardMenu header={'Listen Again'} cardDataList={recommendations} />
     {/await}
-    <!-- <h1 class="mb-6 text-4xl"><strong>Listen Again</strong></h1>
-    <div class="flex flex-wrap justify-between gap-6">
-        {#each data.recommendations as recommendation}
-            <MediaCard mediaItem={recommendation} />
-        {/each}
-    </div> -->
 </div>

src/routes/(app)/user/+page.svelte

@@ -29,13 +29,14 @@
             $newestAlert = ['caution', 'All fields must be filled out']
             return cancel()
         }
-        try {
-            formData.set('serverUrl', new URL(serverUrl.toString()).origin)
-        } catch {
+
+        if (!URL.canParse(serverUrl.toString())) {
             $newestAlert = ['caution', 'Server URL is invalid']
             return cancel()
         }
 
+        formData.set('serverUrl', new URL(serverUrl.toString()).origin)
+
         const deviceId = getDeviceUUID()
         formData.append('deviceId', deviceId)