Redesign CoachProfilePage with fixed chrome, anchored sections, bio clamp, and credit strip

[sahilkashyap64]

Motivation

• Implement the new coach profile UX: a fixed chrome with header, tab bar and compact coach row, anchored content sections, and a booking sidebar that surfaces credits and booking controls.
• Surface existing API-driven data (available slots, packages, credits, profile chips) in the new layout so front-end behavior stays consistent with current business logic.

Description

• Added a sticky fixed chrome with back/action buttons, a tab bar wired to anchored sections (About, Specialties, Courts) and a compact coach summary row; new refs and scroll helpers were added (aboutRef, specialtiesRef, courtsRef, scrollToSection).
• Implemented a 3-line clamped bio with a See more / See less toggle and moved the bio into the hero area while keeping the detailed About panel as an anchor target.
• Added a credits strip to the booking sidebar that is conditionally shown when credits exist and added a Top up action which scrolls to the packages area (packagesRef), plus computed slotsThisWeek from availableDates to summarize weekly availability.
• Introduced small text/label changes and accessibility-preserving wiring while preserving existing booking, package and payment flows; styling for the new chrome, bio, about metric cards and credit strip was added to src/pages/CoachProfilePage.css.

Testing

• Ran a production build with npm run build which completed successfully (build artifacts produced).
• Ran the lint command with npm run lint which failed due to a pre-existing unrelated lint error in src/pages/DashboardPage.jsx (Icon is defined but never used) and one hook dependency warning in AddressPicker.jsx.

---

Codex Task

[github-actions]

PR Preview Action v1.6.2
🚀 View preview at https://CodeMyMobile.github.io/ttp-player-web/pr-preview/pr-137/
Built to branch gh-pages at 2026-03-31 08:59 UTC. Preview will be ready when the GitHub Pages deployment is complete.