Right-align the status/duration/replay row on mobile

self-end (reverting to self-auto at sm+) so the stacked row sits
against the right edge under the title instead of the left, matching
where it sits in the desktop row layout.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WzyfRyA7h5rs5SCAahLAWd

app/(app)/sessions/[id]/page.tsx

@@ -55,7 +55,7 @@ export default async function SessionDetailPage({ params }: { params: Promise<{
           )}
           <SessionDescriptionEditor sessionId={detail.session.id} initialDescription={detail.session.description} />
         </div>
-        <div className="flex shrink-0 items-center gap-3">
+        <div className="flex shrink-0 items-center gap-3 self-end sm:self-auto">
           <Badge variant={STATUS_VARIANT[detail.session.status]}>{detail.session.status}</Badge>
           <span className="bp-readout text-sm text-muted-foreground">{formatDuration(detail.session.durationMs)}</span>
           {canReplay && (