fix(picker): left-align row name and track count

src/components/Picker.tsx

@@ -374,13 +374,7 @@ export default function Picker({
       <Stage
         bodyClassName="relative z-50 w-full max-w-2xl gap-8"
         header={
-          // Left-align the heading and subtitle to the picker list below
-          // (which lives in a max-w-2xl column). Stage defaults its header
-          // to text-center for the short status views (landing / success /
-          // error / logged-out), but the picker reads as a section header
-          // above a list, so flush-left lines up with the row content and
-          // the centered copy that used to sit here looked disconnected.
-          <div className="w-full max-w-2xl text-left">
+          <>
             <h1
               ref={headingRef}
               tabIndex={-1}
@@ -395,11 +389,16 @@ export default function Picker({
                 library as a new playlist. Originals stay untouched.
               </p>
             ) : null}
-          </div>
+          </>
         }
         body={
           <>
-            <div className="w-full">
+            {/* text-left overrides Stage's text-center default for the
+                list — text-align is inherited, so the row name + track
+                count inside each PlaylistRow pick this up without needing
+                their own alignment classes. The loading + empty paragraphs
+                below carry their own text-center, so they stay centered. */}
+            <div className="w-full text-left">
               {state.status === "loading" ? (
                 <p className="py-12 text-center text-zinc-400">
                   Loading your playlists