feat(callout): adds callout in webcomponenet

[2nikhiltom]

Closes #19930

{{short description}}

Changelog

New

• {{new thing}}

Changed

• {{changed thing}}

Removed

• {{removed thing}}

Testing / Reviewing

{{ Add steps or a checklist for how reviewers can verify this PR works or not }}

PR Checklist

As the author of this PR, before marking ready for review, confirm you:

• Reviewed every line of the diff
• Updated documentation and storybook examples
• Wrote passing tests that cover this change
• Addressed any impact on accessibility (a11y)
• Tested for cross-browser consistency
• Validated that this code is ready for review and status checks should pass

More details can be found in the pull request guide

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	f8500a1
🔍 Latest deploy log	https://app.netlify.com/projects/v11-carbon-web-components/deploys/688b734c7ed9dc0007e4befe
😎 Deploy Preview	https://deploy-preview-20066--v11-carbon-web-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 carbon-elements ready!

Name	Link
🔨 Latest commit	f8500a1
🔍 Latest deploy log	https://app.netlify.com/projects/carbon-elements/deploys/688b734cbde09e000815589c
😎 Deploy Preview	https://deploy-preview-20066--carbon-elements.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.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 91.38%. Comparing base (b56c1b8) to head (f8500a1).

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #20066      +/-   ##
==========================================
- Coverage   91.39%   91.38%   -0.01%     
==========================================
  Files         485      485              
  Lines       31370    31370              
  Branches     5480     5478       -2     
==========================================
- Hits        28670    28669       -1     
- Misses       2546     2547       +1     
  Partials      154      154              

Flag	Coverage Δ
main-packages	84.93% <ø> (ø)
web-components	97.15% <ø> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Name	Link
🔨 Latest commit	f8500a1
🔍 Latest deploy log	https://app.netlify.com/projects/v11-carbon-react/deploys/688b734cb5c1210007bc90e7
😎 Deploy Preview	https://deploy-preview-20066--v11-carbon-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.