NickAkhmetov/CAT-776 Dataset Relationships diagram

[NickAkhmetov]

Summary

This PR implements the dataset relationships diagram. It is currently displayed under the summary of raw datasets with at least one descendant in provenance that is not a publication or image pyramid. In the future, its position in the page will match the figma designs.

I also included other minor fixes:

• Since the status icons were being defined at runtime, they caused Storybook to flicker.
• The table of contents' section generation code no longer generates sections with the same node key/ID for cases where one dataset has multiple descendants with the same pipeline name. It also correctly handles cases where an invalid descendant has no pipeline name.
• I disabled the Graph tab in the provenance view for datasets that respond to provdata requests with empty objects, as this caused pagewide crashes if clicked on.

TODOs

• Update summary section of dataset page view - Holding off on this work to avoid interfering with entity header PR after conversation with John
• [x] Integrate the dataset relationships component with the rest of the page
  • Currently appended to the bottom fold of the summary
• [x] Include arrows in diagram edges
• [x] Add storybook story for real prov json example
• [x] Add test coverage for prov -> node conversion logic (if possible)
• [x] Make dataset nodes link to the appropriate hash code
• [x] Update to a more visually pleasing layouting approach (if possible)
• [x] Figure out why the entity nodes sometimes don't appear though the pipeline ones do
  • Appears to have had something to do with dynamically generated styled components - have not been able to reproduce this since fixing that issue.
• Handle various edge cases
  • [x] Publication descendants are not displayed
  • [x] Image pyramid descendants are not displayed
  • [x] Crashes on invalid/error dataset pages
• [x] Fix storybook/jest again

Design Documentation/Original Tickets

Figma

JIRA Subtask

Testing

• Added Storybook stories
• Tested generated diagrams locally with 6df2f796ad72307d04dc94d688b725c5 (CODEX) and a6a35e2441c6196e74d36c95261df592 (Visium)

Screenshots/Video

Checklist

• [x] Code follows the project's coding standards
  • [x] Lint checks pass locally
  • [x] New CHANGELOG-your-feature-name-here.md is present in the root directory, describing the change(s) in full sentences.
• [x] Unit tests covering the new feature have been added
• [x] All existing tests pass
• [x] Any relevant documentation in JIRA/Confluence has been updated to reflect the new feature
• [x] Any new functionalities have appropriate analytics functionalities added

Additional Notes

Please specify any additional information or context relevant to this PR.

[NickAkhmetov]

Got layouting working by adding a consistently sized wrapper to the nodes: