fix(carbon-components-react): title prop of the AccordionItem. Closes #41811 (#41825)

* fix(carbon-components-react): `title` of AccordionItem. Closes #41811

- redeclare `title` property to supports React.Node

Thanks!

* Update types/carbon-components-react/lib/components/Accordion/AccordionItem.d.ts

thx to @kalbert312

Co-Authored-By: Kyle Albert <5498623+kalbert312@users.noreply.github.com>

Co-authored-by: Kyle Albert <5498623+kalbert312@users.noreply.github.com>

types/carbon-components-react/carbon-components-react-tests.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import {
+    AccordionItem,
     DataTable,
     DataTableHeader,
     DataTableRow,
@@ -10,6 +11,24 @@ import {
 } from 'carbon-components-react';
 import Link from 'carbon-components-react/lib/components/UIShell/Link';
 
+// AccordionItem
+const titleNode = (
+    <h2 className="TitleClass">
+        <img src="some_image.png" alt="Something" />A heading
+    </h2>
+);
+const accordionItemOne = (
+    <AccordionItem title={titleNode} className="extra-class">
+        Lorem ipsum.
+    </AccordionItem>
+);
+const accordionTitle = 'Hello World!';
+const accordionItemTwo = (
+    <AccordionItem title={accordionTitle} className="extra-class">
+        Lorem ipsum.
+    </AccordionItem>
+);
+
 interface Row1 extends DataTableRow {
     rowProp: string;
 }

types/carbon-components-react/lib/components/Accordion/AccordionItem.d.ts

@@ -8,10 +8,12 @@ export interface HeadingClickData {
     isOpen: boolean;
 }
 
-export interface AccordionItemProps extends InheritedProps {
+export interface AccordionItemProps extends Omit<InheritedProps, "title"> {
     onHeadingClick?(data: HeadingClickData): void,
     open?: boolean,
     renderExpando?: React.ReactNode,
+    /** The accordion title. */
+    title?: React.ReactNode;
 }
 
 declare class AccordionItem extends React.Component<AccordionItemProps> { }