music (web): artist heart on non-discography artist pages too

The artist heart only rendered in the discography view (disco && !album), which
needs a _discography.md — so artists without one (plain grid of album folders)
had no heart. Add an artist header + heart to the grid view when on an artist
folder (crumbs>=2), matching the app's inArtist rule. favKey = artist music-rel.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/workspaces/officerdev/src/apps/Music/MusicDetail.tsx

@@ -261,13 +261,22 @@ export const MusicDetail = () => {
         </div>
       )}
 
-      {/* Grid */}
+      {/* Grid — a library root, or an artist folder (crumbs>=2) whose albums aren't grouped by a
+          discography. Show an artist header + heart on the latter. */}
       {!album && !disco && cwd && !loading && (
-        <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-5">
-          {folders.map((f) => (
-            <Card key={f} r={childRel(f)} name={f} playable={(manifest[childRel(f)]?.tracks ?? 0) > 0} />
-          ))}
-          {!folders.length && <p className="text-sm text-muted-foreground">Empty</p>}
+        <div className="flex flex-col gap-6">
+          {crumbs.length >= 2 && (
+            <div className="flex items-center gap-3">
+              <h1 className="text-3xl font-bold text-foreground">{crumbs[crumbs.length - 1]}</h1>
+              <MusicHeart kind="artist" favKey={rel} size={22} className="p-1" />
+            </div>
+          )}
+          <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-5">
+            {folders.map((f) => (
+              <Card key={f} r={childRel(f)} name={f} playable={(manifest[childRel(f)]?.tracks ?? 0) > 0} />
+            ))}
+            {!folders.length && <p className="text-sm text-muted-foreground">Empty</p>}
+          </div>
         </div>
       )}
     </div>