TabNav cannot be properly assigned `roles`

Describe the bug

When using a <TabNav />, no tablist and tab roles are assigned directly.

Due to the implementation, attempting to provide this manually creates invalid aria role semantics, since the rest props of TabNav are applied to the wrapper and not the ‘nav’ element, while the link roles are applied directly

current jsx => Markup

<TabNav role="tablist"><TabNav.Link role="tab /></TabNav>
=>
<div role="tablist"><nav><a role="tab /></nav></div>

expected

<TabNav role="tablist"><TabNav.Link role="tab /></TabNav>
=>
<div><nav role="tablist"><a role="tab /></nav></div>

or that these are applied by default?

[mattcosta7]

@lesliecdubs I believe this one is done!

[lesliecdubs]

Got it, we’ll work on getting that out this week. I’m assigning this issue to you in the meantime, but if that’s incorrect please feel free to unassign. Thanks for moving this forward!