Accessibility - Favourites dialog box keyboard navigation

[e218736]

Issue
Issue #1718

This PR aims to solve some of the 'limited keyboard interaction' outlined in section 4/5 of keyboard Navigation in the issue linked above, focusing on the Edit favourites dialog box. E.g. Inability to focus on menu items and view tooltips through tabbing, use of arrow keys for navigation and Lack of keyboard alternative for drag-and-drop operations

Code changes:

• TabIndex=0 added to elements within the Edit Favourites dialog
• On focus styling of elements with tooltips to match mouse hover
• Keydown event listeners added to favourite operations
• Function added to enable reordering of favorite operation using CTRL + arrow keys to mimic mouse drag function
• Arrow navigation of favourite items implemented

User-facing changes:

• tooltips show on focus
• reorder instructions within dialog updated to include keyboard navigation

To replicate:

• Open favourites dialog with mouse click (keyboard functionality is being implemented in separate PR)
• Tab to first operation
• Press up/down arrow to navigate through the list (should loop back to top/bottom)
• press Arrow Right on any operation and either Arrow Left to focus back on the operation or Enter/ Space to delete from list
• pressing Ctrl+ Up Arrow / Down Arrow should move the focused operation up or down the list (should loop back to top/bottom)
• Press Tab to exit the list of operations and either reset/save/or cancel

[CLAassistant]

All committers have signed the CLA.

[e218736]

This Pr has been merged into #1724 to ensure functionally applies across current click events and key press events implemented in #1724

[a3957273]

Closing as handling under #1724