Mobile viewport fixes: responsive card width, nav cleanup, season percentages

- Continue Watching card uses viewport-relative width on mobile (calc(100vw-3rem))
  with edge-to-edge scroll container using negative margin trick
- Nav bar hides user name on mobile (bottom tab bar shows it instead)
- Season rows show percentage text on mobile where progress bar is hidden
- Season 5 correctly shows "94%" instead of requiring the hidden progress bar

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

app/(pages)/titles/[id]/page.tsx

@@ -632,9 +632,14 @@ export default function TitleDetailPage() {
                     </div>
                     <div className="flex items-center gap-3">
                       {totalCount > 0 && (
-                        <div className="hidden w-24 sm:block">
-                          <Progress value={progressPercent} />
-                        </div>
+                        <>
+                          <span className="text-xs tabular-nums text-muted-foreground sm:hidden">
+                            {Math.round(progressPercent)}%
+                          </span>
+                          <div className="hidden w-24 sm:block">
+                            <Progress value={progressPercent} />
+                          </div>
+                        </>
                       )}
                       {totalCount > 0 && watchedCount < totalCount && (
                         <button