[COLLAB-CON-2]: (frontend) view shared connections

[kevinkim-ogp]

TL;DR

Added a new Connections tab in the Editor Settings to display flow connections.
NOTE: Delete button does not work now, coming in subsequent PR

How to test?

1. Navigate to any flow in the editor
2. Click on the settings icon
3. Should not see "Connections" from the sidebar if Pipe has no collaborators
4. Add collaborator
5. Select "Connections" from the sidebar under "Manage Pipe"
6. Verify that the connections table displays correctly with:
   • Connections sorted by usage status and app name
   • Proper status tags (In use/Not in use)
   • Correct visual styling for used/unused connections

Screenshot

[kevinkim-ogp]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• [COLLAB-CON-4]: (frontend) delete flow connection #1340
• [COLLAB-CON-3]: deleteFlowConnection mutation #1339
• [COLLAB-CON-2]: (frontend) view shared connections #1338 👈 (View in Graphite)
• [COLLAB-CON-1]: getFlowConnections query #1337
• develop-v2

This stack of pull requests is managed by Graphite. Learn more about stacking.