Accessibility improvements: Keyboard interactions

[cnathe]

Rationale

This PR adds keyboard accessibility in several parts of the @labkey/components package. It converts non-interactive elements (<span>, <div>, <a>) with onClick handlers into proper <button> elements, adds focus trapping and
Escape-to-close behavior to modals, makes editable grid cells tab-focusable, and extends useEnterEscape to pass the keyboard event to callbacks. Several class components are refactored to functional components along the way.

Related Pull Requests

• Accessibility improvements: Keyboard interactions #2003
• https://github.com/LabKey/labkey-ui-premium/pull/952
• https://github.com/LabKey/limsModules/pull/2205
• Accessibility improvements: Keyboard interactions platform#7666
• Accessibility improvements: Keyboard interactions testAutomation#2996

Changes

• Make ActionButton a button so it can be tabbed to
• Allow tab to app main menu folder items
• Modals to have focus on open, allow tab only within modal elements, and ESCAPE to close
• Use buttons with clickable-text styling instead of spans and divs with onClick properties
• Update useEnterEscape to allow optional event argument to callbacks and to allow for multi-select behavior
• EditableGrid Cell to allow tab focus with tabIndex 0
• Update styling for file inputs on AttachmentCard so input field is not hidden
• Add tabIndex and onKeyDown callback for thread components

[labkey-nicka]

Please verify this behavior doesn't override the focus done in the Expression Assistant focus into the prompt.

[cnathe]

Yes, the prompt input still gets focus when opening the expression assistant modal.

[labkey-danield]

Should the tab order across the top nav bar be different? Should it be strictly left to right? Now it start left to right (from header) and then jumps to user menu. The numbers below show the current tab order:

Do we need to add access to the home and admin icons in the folder entries in the mega menu?

I cannot exit an editable grid using only the keyboard after I have typed in some values:

1. Go the add samples (manually) page
2. Tab into the editable grid.
3. Type in some values into the fields
   Result:
   After typing some values I cannot tab out of the grid.

When editing a job I cannot tab from the task to the fields in the task detail. I only tab into the detail fields from the last task.

I cannot tab to a task after applying a template.

Cannot remove a parent after adding on the one on the detail page:

Drop. down menus do not close after tabbing out of them. (I can only get them to close if I click on the page)

Tabbing in the color picker for a Status does not highlight the color in focus / selected.

Color picker for SampleType has a slight blur around the selected color.

Cannot delete / remove a search in Sample Finder. We skip the search card.

[labkey-danield]

Validated all the fixes.
There is no issue with the color picker. Both show the fuzzy outline for the selected color it is just harder to see on the smaller one (for status). Also, I believe, we don't own that control so there isn't much for us to fix.