feat(core): add tabs for customer account

[bc-alexsaiannyi]

What/Why?

This PR adds tabs for Customer's account page.

Testing

Locally

[changeset-bot]

🦋 Changeset detected

Latest commit: e0c25ec

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	Minor

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

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
catalyst-latest	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 9, 2024 2:06pm
catalyst-testbed	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 9, 2024 2:06pm

4 Ignored Deployments

Name	Status	Preview	Comments	Updated (UTC)
catalyst-1millionproducts-store	⬜️ Ignored (Inspect)	Visit Preview		Apr 9, 2024 2:06pm
catalyst-au	⬜️ Ignored (Inspect)	Visit Preview		Apr 9, 2024 2:06pm
catalyst-storybook	⬜️ Ignored (Inspect)	Visit Preview		Apr 9, 2024 2:06pm
catalyst-uk	⬜️ Ignored (Inspect)	Visit Preview		Apr 9, 2024 2:06pm

[chanceaclark]

Maybe we can make this a single source of truth?

Suggested change

	export type TabType =
	| 'orders'
	| 'messages'
	| 'addresses'
	| 'wishlists'
	| 'recently-viewed'
	| 'settings';
	export const tabList = ['orders', 'messages', 'addresses', 'wishlists', 'recently-viewed', 'settings'] as const
	export type TabType = keyof tabList;

[bc-alexsaiannyi]

Thanks, Chance. I've updated but with small changes. while trying to export tabList I got an error ... is not a valid Next.js entry export value and since we use tablist as prop in <AccountTabs/> so I moved both of them to layout and export only TabType across page & component. What do you think?

[jorgemoya]

I was playing with it on the demo site and it seems like there's a delay between when a tab is selected vs when the content renders. Wondering if we can do something about it so that it looks like an exact match, like using the path to select the tab.

Kapture.2024-04-02.at.20.08.21.mp4

[bc-azvierieva]

Nice job!

[github-actions]

⚡️🏠 Lighthouse report

Lighthouse ran against https://catalyst-latest-hdlaxeeer-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	100
🟢 Accessibility	100
🟠 Best practices	78
🟢 SEO	90

📱 Mobile

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

Category	Score
🟢 Performance	98
🟢 Accessibility	100
🟠 Best practices	78
🟢 SEO	92