fix: Various fixes to nested columns based on feedback

[kristenarmes]

Signed-off-by: Kristen Armes [email protected]

Summary of Changes

• Make vertical spacing between sections in side table/column details panels smaller
• Left align badges (use margin-right between badges instead of margin-left)
• Display "Copied to clipboard" popover when clicking on the copy column name or link buttons
• Show a non-truncated column type for complex types if it is shorter than a given length
• Add the type in the right side panel in case users want to expand it without having to return their focus to the main table
• Click Esc button to close the right side panel
• Fix hover effect on expand/collapse icons for individual rows
• Move focus to right panel when it opens so hitting tab will cycle over the elements there
• Add btn-link styling to the Expand/Collapse all nested button in the top right so it will have a focus effect

Tests

• Test that the column details panel renders the type

Documentation

N/A

CheckList

Make sure you have checked all steps below to ensure a timely review.

• PR title addresses the issue accurately and concisely. Example: "Updates the version of Flask to v1.0.2"
  • In case you are adding a dependency, check if the license complies with the ASF 3rd Party License Policy.
• PR includes a summary of changes.
• PR adds unit tests, updates existing unit tests, OR documents why no test additions or modifications are needed.
• In case of new functionality, my PR adds documentation that describes how to use it.
  • All the public functions and the classes in the PR contain docstrings that explain what it does

[Golodhros]

LGTM