feat: add first time orientation pattern using interstitialScreen

[amal-k-joy]

Closes # 7554

The first-time orientation flow makes use of the interstitial screen component containing two steps — a welcome interstitial and a personalization interstitial.

While this pattern has been available on the IBM Products site since 2024, there is no pattern code available for it as this time.
Deliver the first-time orientation interstitials under the “First-time orientation” pattern under Carbon Labs Reac

Changelog

New

• Created First time orientation pattern and its respective story.
• The pattern components are kept as storybook assets and not exported for public usage.
• The same pattern is created under examples

Testing / Reviewing

Tested in local storybook and stackblitz example

[netlify]

✅ Deploy Preview for carbon-labs-react ready!

Name	Link
🔨 Latest commit	bb7a415
🔍 Latest deploy log	https://app.netlify.com/projects/carbon-labs-react/deploys/68480dd450c1d90008e2dbe2
😎 Deploy Preview	https://deploy-preview-615--carbon-labs-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

❌ Deploy Preview for carbon-labs-web-components failed. Why did it fail? →

Name	Link
🔨 Latest commit	bb7a415
🔍 Latest deploy log	https://app.netlify.com/projects/carbon-labs-web-components/deploys/68480dd45375b10008ed3b84

[elycheea]

In terms of IA, the FirstTimeOrientation pattern should actually be its own “package” and stories.

Rather than at the same level as “Bubble” and “ViewStack” it should be its own top-level pattern like “WhatsNew.”

[amal-k-joy]

In terms of IA, the FirstTimeOrientation pattern should actually be its own “package” and stories.

Rather than at the same level as “Bubble” and “ViewStack” it should be its own top-level pattern like “WhatsNew.”

Hey,
Misread This can live alongside (as a sibling) the What’s New pattern . I have updated as you suggested