refactor(core): localization

[jorgemoya]

Note: Review by commit if needed & remove white spaces.

What/Why?

The PR addresses missing translations on some pages and aims to normalize how translations are handled throughout the project.

Configuration Changes

• Updated next-intl version and adjusted the configuration accordingly.
• Renamed navigation.ts to routing.ts for consistency with documentation.
• Introduced the defineRouting function.
• Simplified the translation setup by using a single NextIntlClientProvider in RootLayout to pass all messages, making the use of next-intl hooks in client components easier.
• Standardized the use of translation hooks by:
  • Using useTranslations in both client and server components without async functions.
  • Using await getTranslations in server components with async functions.
  • Same case for formatter.
• Removed the need to pass the locale to these hooks (not needed).

Translations

• Added translations for all strings, except those in components/ui.
• Shuffle translations to have pages as parent groups.
• Renamed some translations keys for clarity.
• Add Components root group for better organization.

Docs

• Updated docs to match new use cases.

Testing

Locally translations work.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
catalyst	🔄 Building (Inspect)	Visit Preview	💬 Add feedback	Aug 30, 2024 4:06pm
catalyst-latest	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 30, 2024 4:06pm

6 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
catalyst-1millionproducts-store	⬜️ Ignored (Inspect)	Visit Preview		Aug 30, 2024 4:06pm
catalyst-au	⬜️ Ignored (Inspect)	Visit Preview		Aug 30, 2024 4:06pm
catalyst-staging	⬜️ Ignored (Inspect)	Visit Preview		Aug 30, 2024 4:06pm
catalyst-test-store	⬜️ Ignored (Inspect)	Visit Preview		Aug 30, 2024 4:06pm
catalyst-uk	⬜️ Ignored (Inspect)	Visit Preview		Aug 30, 2024 4:06pm
catalyst-unstable	⬜️ Ignored (Inspect)	Visit Preview		Aug 30, 2024 4:06pm

[changeset-bot]

🦋 Changeset detected

Latest commit: dd0eeb7

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@bigcommerce/catalyst-core	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[jorgemoya]

@bc-andreadao For this PR I updated the docs to better showcase the simplified use of translations. Please let me know if you have any feedback. Thanks!

[chanceaclark]

ℹ️ Hide whitespace changes helps with review

[bc-andreadao]

Thanks @jorgemoya !

[github-actions]

⚡️🏠 Lighthouse report

Lighthouse ran against https://catalyst-latest-91c645lrj-bigcommerce-platform.vercel.app

🖥️ Desktop

We ran Lighthouse against the changes on a desktop and produced this report. Here's the summary:

Category	Score
🟢 Performance	99
🟢 Accessibility	100
🟢 Best practices	96
🟠 SEO	82

📱 Mobile

We ran Lighthouse against the changes on a mobile and produced this report. Here's the summary:

Category	Score
🟢 Performance	93
🟢 Accessibility	100
🟢 Best practices	96
🟠 SEO	85