Feature/provenance updates

[aswallace]

Context

These are the visual interaction updates to the provenance graph.
Resolves #650, #651, #652, #654, #655

To do:

• Display provenance button in file details panel and have it redraw the graph when clicked
• Check whether Resize Observer error appears in deployed versions of the graph
• Replace all remaining references to "provenance" in UI to "relationship diagram"
• Make url change so that can use browser back buttons

Changes

• Provenance: Make focused file more obvious #650: Changes the font and background color for the focused file; changes border color for all other nodes
• Provenance: Make margin top/bottom between nodes bigger #651: Increases the vertical spacing of the graph
• Provenance: Reset view button #652: Adds a reset button in the top right that recenters the graph and also reverts any layout changes (e.g., from compact/grid back to tree). This requires using the ReactFlow library to surface fitView, so needed to wrap the ReactFlow component inside of a ReactFlowProvider (provides access to the internal state)
• Provenance: Remove drag feature #654: Prevents users from moving nodes
• Provenance: Make graph interactions more discoverable #655: Adds view controls in the bottom left
• Provenance: Add open/download buttons to metadata panel #657: Make the FileDetailsPanel match how it appears in the main app. Undoes the graph view-specific customizations we'd previously added

Testing

Screenshots (if relevant)

Before: Graph

After: Graph

Before vs After: File details panel

[SeanDuHare]

Minor thoughts - LGTM regardless

[SeanDuHare]

This is awesome! What do you think about one step further so that no user of the component has to really think about it? This way they would import an already wrapped graph, but that part is shoved away nicely (IMO)

function NetworkGraph(props: NetworkGraphProps) {
    ...body of function as is...
}

export default function WrappedNetworkGraph(props: NetworkGraphProps) {
    return (
            <ReactFlowProvider>
                <NetworkGraph {...props} />
            </ReactFlowProvider>
     );
 }

[aswallace]

That makes sense to me! Implemented in dddd5cb, I was split on whether or not to rename the import in RelationshipDiagram but left it as is for now, open to changing it