Modus Content tree - Custom Action Bar - Keyboard navigation is not there for Drag and drop option

[HarshithaNous]

Prerequisites

• [X] I have searched for duplicate or closed issues
• [X] I have read the contributing guidelines

Describe the issue

Modus Content tree - Custom Action Bar - Keyboard navigation is not there for Drag and drop option

Reduced test cases

No response

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome, Firefox, Microsoft Edge

What is the issue regarding ?

@trimble-oss/modus-web-components

What version of npm package are you using ?

No response

Priority

Medium

What product/project are you using Modus Components for ?

QA

What is your team/division name ?

QA

Are you willing to contribute ?

None

Are you using Modus Web Components in production ?

No response

[rthanga1]

1. The action bar should be accessible using the keys. When the action bar is selected using tab key, the user can move item up and down using the arrow keys
2. The focus border seems be wrong. Both can be fixed in the same PR

[cjwinsor]

Behavior should be similar to the table header moving.

[cjwinsor]

The focus border will be handled with #2162

Goal of this ticket is to allow the reorder icon to be tabbed into. On enter or space, it "pops out" and with the up and down arrows it will move the blue placement border and on space or enter will commit the location and move the item.