feat(web): enhance ux/ui of the album list page (#8499)

* feat(web): enhance ux/ui of the album list page

* fix unit tests

* feat(web): enhance ux/ui of the album list page

* fix unit tests

* small styling

* better dot

* lint

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>

web/src/lib/components/asset-viewer/detail-panel.svelte

@@ -648,7 +648,7 @@
     <p class="pb-4 text-sm">APPEARS IN</p>
     {#each albums as album}
       <a data-sveltekit-preload-data="hover" href={`/albums/${album.id}`}>
-        <div class="flex gap-4 py-2 hover:cursor-pointer">
+        <div class="flex gap-4 py-2 hover:cursor-pointer items-center">
           <div>
             <img
               alt={album.albumName}
@@ -661,11 +661,13 @@
 
           <div class="mb-auto mt-auto">
             <p class="dark:text-immich-dark-primary">{album.albumName}</p>
-            <div class="flex gap-2 text-sm">
-              <p>{album.assetCount} items</p>
-              {#if album.shared}
-                <p>· Shared</p>
-              {/if}
+            <div class="flex flex-col gap-0 text-sm">
+              <div>
+                <span>{album.assetCount} items</span>
+                {#if album.shared}
+                  <span> • Shared</span>
+                {/if}
+              </div>
             </div>
           </div>
         </div>