ToolbarFlex: Issue tabbing through with allowTabs: true

[tfavorite]

Describe the bug
When a flex toolbar has no overflowed items, only one button is focusable when the allowTabs setting is turned on.

To Reproduce
https://js-447mrh.stackblitz.io/
Code here: https://stackblitz.com/edit/js-447mrh?file=index.html

Steps to reproduce the behavior:
Attempt to tab through two buttons (Text button and Text button 2), only Text button 2 gets focused

Expected behavior
Both buttons should be focusable.

Version

• ids-enterprise: 4.52.1

Platform

• Infor Application/Team Name: Infor Nexus
• OS Version: Mac OS X Catalina
• Browser Name: Chrome
• Browser Version: 91

[EdwardCoyle]

To whoever picks this one up: Seems that the code setting tabIndex inside of the Flex Toolbar isn't respecting the allowTabs setting (which was added recently):

• a check for allowTabs should probably be done here, and simply set item.focused to true if the setting is true: https://github.com/infor-design/enterprise/blob/main/src/components/toolbar-flex/toolbar-flex.js#L374-L377
• a Flex Toolbar item will do this when focused is set: https://github.com/infor-design/enterprise/blob/main/src/components/toolbar-flex/toolbar-flex.item.js#L168

[janahintal]

QA Passed. Thank you.