Fix/responsive onboarding

[AmzBG]

Description

• Make the onboarding page and wizard responsive on narrow mobile screens.
• Prevent card, step-header, form-control, and profile-URL overflow.
• Stack the profile URL prefix and slug field on mobile while preserving the desktop inline layout.
• Stack onboarding navigation buttons on mobile and keep them full-width for easier interaction.
• Resolve the profile host after mounting instead of reading window during render.
• Remove the onboarding debug log.
• Pin the local Redis Docker image to redis:8.8.1 for reproducible development environments.

Link to issue or ticket

• Upstream change: fix: make onboarding responsive chrisshaddad/bootcamp-starter#237

Steps to QA

1. Open /onboarding at a narrow mobile viewport such as 320×568 or 375×667.
2. Verify the page starts near the top, remains horizontally contained, and the heading scales appropriately.
3. Verify both progress-step labels remain readable without overflowing the card.
4. Confirm the profile URL prefix and public-slug input stack cleanly on mobile and display the current application host.
5. Continue to step two and verify select controls use the available width.
6. Verify Continue, Back, and Finish buttons are full-width and stacked on mobile.
7. Repeat at a desktop viewport and verify the URL control and navigation buttons return to their inline layouts.
8. Run docker compose config and confirm the Redis service resolves to redis:8.8.1.

Validation completed:

• docker compose config --quiet
• npx turbo run lint
• npx turbo run check-types
• npm run format:check

Screenshots

Found here: chrisshaddad/bootcamp-starter#237