refactor(callout): new hideTitle and hideBody props and a component slot

[masoudmanson]

Summary

Callout
Github issue: #909

Refactor the Callout component with the following updates:

• Add a component slot for extraContent, allowing additional content to be placed at the bottom of the Callout component.
• Introduce two new props to toggle the visibility of the calloutTitle and calloutText.

Checklist

• Default Story in Storybook
• LivePreview Story in Storybook
• Test Story in Storybook
• Tests written
• Variables from defaultTheme.ts used wherever possible
• If updating an existing component, depreciate flag has been used where necessary
• Chromatic build verified by @chanzuckerberg/sds-design

[clarsen-czi]

Looks great @masoudmanson! Once you get the alignment of the title with the icon when there's no body text updated it will be good to go

[masoudmanson]

Looks great @masoudmanson! Once you get the alignment of the title with the icon when there's no body text updated it will be good to go

Thanks so much, @clarsen-czi! I’ve updated the title styles. Let me know if they need further refactoring or if we’re good to go! 🥳🎉🙏🏻

[clarsen-czi]

Looks great, @masoudmanson! Thanks for the fix!

[tihuan]

Looks fantastic! Thanks so much for the upgrade, @masoudmanson 🤩 🙏

Just one small non blocking discussion 😁 Thanks again!