fix: correct same level side navigation on breadcrumbs

[tquocanvn]

Description

• Update side bar navigation key name to match with route path in navigation.json
• Add target side bar nav keys to HOC withBreadcrumbs.tsx to get directly sidebar navigation data for About.tsx and Learn.tsx page.
• Update logic on matching route path in function getBreadrumbs of HOC withBreadcrumbs.tsx.

Validation

• Open page path /en/about/, go through all items in side bar navigation to see it shows correct breadcrumbs data.

Related Issues

Fixes #6679

Check List

• I have read the Contributing Guidelines and made commit messages that follow the guideline.
• I have run npm run format to ensure the code follows the style guide.
• I have run npm run test to check if all tests are passing.
• I have run npx turbo build to check if the website builds without errors.
• I've covered new added functionality with unit tests if necessary.

[vercel]

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

Name	Status	Preview	Updated (UTC)
nodejs-org	✅ Ready (Inspect)	Visit Preview	May 4, 2024 5:11pm

[github-actions]

Lighthouse Results

URL	Performance	Accessibility	Best Practices	SEO	Report
/en	🟢 99	🟢 100	🟢 100	🟢 91	🔗
/en/about	🟢 99	🟢 100	🟢 100	🟢 91	🔗
/en/about/previous-releases	🟢 97	🟢 100	🟢 100	🟢 92	🔗
/en/download	🟢 98	🟢 100	🟢 100	🟢 91	🔗
/en/blog	🟢 99	🟢 100	🟢 96	🟢 92	🔗

[github-actions]

Unit Test Coverage Report

Lines	Statements	Branches	Functions
	90.04% (588/653)	76.08% (175/230)	92.18% (118/128)

Unit Test Report

Tests	Skipped	Failures	Errors	Time
128	0 💤	0 ❌	0 🔥	6.137s ⏱️

[AugustinMauroy]

LGTM ! Thanks for your first contribution.

[bmuenzenmeyer]

thanks for this thoughtful contribution @tquocanvn - sorry for the delay!