feat(workspace shell): Component development in ai chat components

[sangeethababu9223]

Closes #607, #606

Workspace component development in Web components

Changelog

New

• Created a workspace component (cds-aichat-workspace-shell) under @carbon/ai-chat-components
• Created sub components:
• cds-aichat-workspace-shell-header - for Header (has default slot value set to header)
• cds-aichat-workspace-shell-body - for Body (has default slot value set to body)
• cds-aichat-workspace-shell-footer - for footer (has default slot value set to footer)
• AddedtitleText and subTitleText props for cds-aichat-workspace-shell-header.
• Uses Toolbar component for Toolbar section
• Set up story for Web Component version

Testing / Reviewing

This component can be tested in the Web components storybook.

[netlify]

✅ Deploy Preview for carbon-ai-chat-demo ready!

Name	Link
🔨 Latest commit	279baf2
🔍 Latest deploy log	https://app.netlify.com/projects/carbon-ai-chat-demo/deploys/6924767a1307910008184bfd
😎 Deploy Preview	https://deploy-preview-609--carbon-ai-chat-demo.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-ai-chat-components ready!

Name	Link
🔨 Latest commit	279baf2
🔍 Latest deploy log	https://app.netlify.com/projects/carbon-ai-chat-components/deploys/6924767a264cc600088919b5
😎 Deploy Preview	https://deploy-preview-609--carbon-ai-chat-components.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 ai-chat-components-react ready!

Name	Link
🔨 Latest commit	279baf2
🔍 Latest deploy log	https://app.netlify.com/projects/ai-chat-components-react/deploys/6924767ad564e500089b4e53
😎 Deploy Preview	https://deploy-preview-609--ai-chat-components-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.

[devadula-nandan]

some additional thoughts to put us all in context of the footer buttons scenario across our repositories

we see this footer button set as a common pattern at many places
sidepanel, tearsheet, etc. from ibm-products
and now in workspace for us.

@lee-chase has made some explorations over this common pattern with fluid option for button-set supporting container queries (demo). but its not there yet.
carbon-design-system/carbon#15843

at some point we have decided to replace action-set with container queries in ibm-products.
issue carbon-design-system/ibm-products#4164

in case if we run into any issues during integration we could adopt container queries and i hope this information is useful then.