fix(web): table headers when there's no album (#4673)

web/src/routes/(user)/albums/+page.svelte

@@ -248,13 +248,17 @@
       </div>
     </LinkButton>
   </div>
-
+  {#if $albums.length !== 0}
     <!-- Album Card -->
     {#if $albumViewSettings.view === AlbumViewMode.Cover}
       <div class="grid grid-cols-[repeat(auto-fill,minmax(15rem,1fr))]">
         {#each $albums as album (album.id)}
           <a data-sveltekit-preload-data="hover" href={`albums/${album.id}`} animate:flip={{ duration: 200 }}>
-          <AlbumCard {album} on:showalbumcontextmenu={(e) => showAlbumContextMenu(e.detail, album)} user={data.user} />
+            <AlbumCard
+              {album}
+              on:showalbumcontextmenu={(e) => showAlbumContextMenu(e.detail, album)}
+              user={data.user}
+            />
           </a>
         {/each}
       </div>
@@ -312,7 +316,7 @@
     {/if}
 
     <!-- Empty Message -->
-  {#if $albums.length === 0}
+  {:else}
     <EmptyPlaceholder
       text="Create an album to organize your photos and videos"
       actionHandler={handleCreateAlbum}