Feature/7196 tab support improvement

[heybran]

Description

Improve tab support on Manage Pods screen and Edit Pods screen.

Related GitHub issue(s)

Fixes #7196

Testing instructions

Manage Pods screen (/wp-admin/admin.php?page=pods)

1. Go to 'Pods Admin -> Edit Pods'
2. Navigate the UI with tab
3. Edit Duplicate Delete action buttons should be visible when they're tabbed into.

Edit Pods screen (/wp-admin/admin.php?page=pods&action=edit&id=38)

1. Go to 'Pods Admin -> Edit Pods'
2. Enter into a single Pods item.
3. Navigate the UI with tab
4. Edit Duplicate Delete action buttons as well as other [tabindex=0] elements should be visible or show focus indicator (outline in this case) when they're tabbed into.

Screenshots / screencast

Changelog text for these changes

Enhancement: Manage Pods & Edit Pods screen will have better tab support. #7196 (@heybran)

PR checklist

• [x] I have tested my own code to confirm it works as I intended.
• [x] My code follows the WordPress Coding Standards.
• [x] My code follows the WordPress Inline Documentation Standards.
• [ ] My code includes automated tests for PHP and/or JS (if applicable).

[what-the-diff[bot]]

PR Summary

• Improvement in HTML Table Display The PodsUI.php file has been updated to include a table header and footer when there are more than six data entries. This additional feature will enhance user experience as it offers checkboxes for bulk actions and sortable columns with sorting indicators.

• Updates in Dependency Versions Two files, pods-blocks-api.min.asset.json and pods-dfv.min.asset.json, have had their dependency versions updated. These updates ensure that our application uses the most improved version of the dependencies, providing better performance and security.

• Enhancements in User Interface Changes have been made in field-group.scss and field-list-item.scss files, which pertain to the handling of focus behavior. These improvements contribute to making the user interface more intuitive and accessible.

• Clickability Improvement in Field List Component The FieldListItem component, within the field-list-item.js file, now wraps the name field in a clickable button tag instead of a previously employed 'div' tag. This change leads to improved interaction for the users.

• Better Tab Support for Admin Page table The _ui-list-table.scss file has been updated with styles that improve tab navigation for the /admin.php?page=pods table, thereby enhancing its accessibility and ease of use.

[heybran]

Updates tested and pushed, should be ready for merge after your final review.