Add pricing page UI

[Kitenite]

Description

Adds a pricing page with new plan options and navigation link. Also restores translation files without reformatting and inserts Launch and Scale plan descriptions.

Related Issues

Type of Change

• [x] New feature
• [ ] Bug fix
• [ ] Documentation update
• [ ] Release
• [ ] Refactor
• [ ] Other (please describe):

Testing

• bun format
• bun --filter @onlook/web-client lint (failed: next not found)
• bun test (failures in multiple packages)

Screenshots (if applicable)

Additional Notes

---

https://chatgpt.com/codex/tasks/task_e_6840f31a906483238aed27e77938221d

---

[!IMPORTANT] Adds a pricing page with new plan options, updates navigation, and includes translations and model support for new plans.

• UI:
  • Adds PricingPage component in page.tsx to display pricing plans.
  • Adds PricingCard component in pricing-card.tsx to show individual plan details.
  • Updates TopBar in index.tsx to include a link to the pricing page.
• Translations:
  • Updates en.json, es.json, ja.json, ko.json, and zh.json to include Launch and Scale plan descriptions.
• Constants and Models:
  • Adds PRICING route to Routes in constants/index.ts.
  • Adds LAUNCH and SCALE to UsagePlanType in usage/index.ts.

^{This description was created by for 8630061c14295f4a596dd68a9345f2f709356e67. You can customize this summary. It will automatically update as commits are pushed.}

[supabase[bot]]

This pull request has been ignored for the connected project wowaemfasoptxrdjhilu because there are no changes detected in apps/backend/supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

---

Preview Branches by Supabase. Learn more about Supabase Branching ↗︎.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 6, 2025 10:27pm
web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 6, 2025 10:27pm