android: the library's file stats on the cards, the artist's own plays, the thumbnail prewarm

The desktop Library's per-record file stats on the phone (library_album_stats,
one call for the whole library): FLAC 24/96 or MP3 320k badges on the cards,
the size on the list rows and the record page. The artist page's own
listening (artist_play_stats): the time played as a chip, the most played
track under "On this phone". The whole-library thumbnail warm a moment after
boot, at the cards' edge, one decode at a time behind the tiles' gate.

src/mobile/screens/Album.svelte

@@ -5,10 +5,10 @@
     import Icon from "../../components/Icon.svelte";
     import Cover from "../Cover.svelte";
     import Release from "../Release.svelte";
-    import { albumById, albumsBy, tracksOf } from "../lib.svelte.js";
+    import { lib, albumById, albumsBy, tracksOf } from "../lib.svelte.js";
     import { player, playAlbum, playAlbumShuffled } from "../player.svelte.js";
     import { push, openHalf, openViewer } from "../nav.svelte.js";
-    import { mmss, longDur, albumFmt } from "../util.js";
+    import { mmss, longDur, albumFmt, fmtBytes } from "../util.js";
 
     let { id, screenEl = null } = $props();
 
@@ -48,7 +48,8 @@
             {#if fmt}
                 <div class="stats rec-chips">
                     <span class="s"><Icon name="disc" size={12} strokeWidth={3} />{fmt}</span>
-                    <span class="s"><Icon name="hard-drive" size={12} strokeWidth={3} />in your library</span>
+                    <span class="s"><Icon name="hard-drive" size={12} strokeWidth={3} />{lib.stats[album.id]?.bytes ? fmtBytes(lib.stats[album.id].bytes) : "in your library"}</span>
+                    {#if lib.stats[album.id]?.avg_kbps}<span class="s">{lib.stats[album.id].avg_kbps} kbps</span>{/if}
                 </div>
             {/if}
             <div class="rec-acts">