Trying out some UI changes. Added resizing support to remoteImage and LazyImage component

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

@@ -0,0 +1,39 @@
+<script lang="ts">
+    import type { PageServerData } from './$types'
+    import { itemDisplayState } from '$lib/stores'
+    import Loader from '$lib/components/util/loader.svelte'
+    import AlbumCard from './albumCard.svelte'
+    import ListItem from '$lib/components/media/listItem.svelte'
+
+    export let data: PageServerData
+</script>
+
+<section>
+    {#await data.albums}
+        <Loader />
+    {:then albums}
+        {#if 'error' in albums}
+            <h1>{albums.error}</h1>
+        {:else if $itemDisplayState === 'list'}
+            <div class="text-md flex flex-col gap-4">
+                {#each albums as album}
+                    <ListItem mediaItem={album} />
+                {/each}
+            </div>
+        {:else}
+            <div id="library-wrapper">
+                {#each albums as album}
+                    <AlbumCard {album} />
+                {/each}
+            </div>
+        {/if}
+    {/await}
+</section>
+
+<style>
+    #library-wrapper {
+        display: grid;
+        /* gap: 1.5rem; */
+        grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
+    }
+</style>