fix(callout): fix callout expand in production

Fixes issue where the Callout component content was not expanding correctly in prdouction. This is
because the property `name` is obfuscated in production for some environments. Setting and checking
for `displayName` should fix the issue because it is not obfuscated in production.

packages/components/src/core/Callout/components/CalloutTitle/index.tsx

@@ -5,4 +5,7 @@ const CalloutTitle = ({ children }: AlertTitleProps): JSX.Element => {
   return <StyledCalloutTitle>{children}</StyledCalloutTitle>;
 };
 
+// Display name required to ensure Callout expand works correctly.
+CalloutTitle.displayName = "CalloutTitle";
+
 export default CalloutTitle;

packages/components/src/core/Callout/index.tsx

@@ -100,7 +100,9 @@ const Callout = ({
   let calloutContent;
 
   const firstChildIsCalloutTitle =
-    Array.isArray(children) && children[0]?.type?.name === "CalloutTitle";
+    Array.isArray(children) &&
+    children[0]?.type?.displayName === "CalloutTitle";
+
   if (firstChildIsCalloutTitle) {
     [calloutTitle, ...calloutContent] = children;
   }