feat: Add clickable rows to table detail page and new expand/collapse arrow icons

[kristenarmes]

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

Summary of Changes

• Added clickable rows to Table Detail Page to allow users to expand the right side panel by clicking on the row instead of only the column name, and included a hover box shadow that matches the same effect used on the dashboard page
• The active row that has been clicked is now indigo rather than dark gray to differentiate more from nested column rows
• Use new tree structure arrow icons that point right when a row is collapsed and down when a row is expanded
• Added the Request Description link to the right side panel and removed the action column from the main table since it was now redundant
• Fixed the Copy column name button in the right side panel to copy the whole column name path rather than only the name itself to be more useful

Rows all expanded:

Rows collapsed:

Tests

• Added tests for clickable rows in the table component
• Added tests for the Request Description link in the side panel
• Removed tests around the action buttons column since that no longer exists
• Changed the RequestDescriptionText component to accept props, so updated the tests to reflect that

Documentation

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

[Golodhros]

LGTM

[Golodhros]

much better indeed