feat: add tooltip to/in FluentAccordionItem

[JamesNK]

🙋 Feature Request

A title tooltip on FluentAccordionItem needs to be on the heading div. A value set inside the HeadingTemplate doesn't work.

Unfortunately, there isn't a way to set title on that div:

fluentui-blazor/src/Core/Components/Accordion/FluentAccordionItem.razor

Lines 11 to 20 in 7690099

	@if (Heading is not null)
	{
	<span slot="heading">@Heading</span>
	}
	else
	{
	<div slot="heading">
	@HeadingTemplate
	</div>
	}

Setting title on FluentAccordionItem itself adds the title to item header and body.

🤔 Expected Behavior

A way to setting tooltip on just the header.

😯 Current Behavior

Can't

💁 Possible Solution

Add FluentAccordionItem.HeadingTooltip that sets tooltip on the div here:

fluentui-blazor/src/Core/Components/Accordion/FluentAccordionItem.razor

Lines 11 to 20 in 7690099

	@if (Heading is not null)
	{
	<span slot="heading">@Heading</span>
	}
	else
	{
	<div slot="heading">
	@HeadingTemplate
	</div>
	}

🔦 Context

💻 Examples

[vnbaaij]

Setting the tooltip (text) on the div doesn't help because the div is rendered in the shadow DOM inside a button. I've solved this in the PR by adding code that adds the title to the button element.