[draft] feat: additional version of gosling component with a navigation header

[sehilyi]

Fix # Toward #

Change List

• Some decisions to make:
  • single header vs. multiple headers for individual views
  • Where to show the header?
  • How to enable intuitive navigation for selecting a track/view using a keyboard (e.g., circular tracks, nested navigation)
    • (1) Select by keyboard + enter, (2) click to select, and/or (3) rectangular selection using mouse click-and-drag
    • How to differentiate view and track selection?
    • e.g., single click for a view, like a 'group' in Keynote, and double click to select a track?:

ToDo

• Instead of <GoslingComponentWithHeader>, add <GoslingProvider> and <Header> and use them in <Editor/>
  • Refer to https://gist.github.com/manzt/836a20b85930cdc43d390ee14c3a25de, Thanks to @manzt !

Checklist

• [ ] Ensure the PR works with all demos on the online editor
• [ ] Unit tests added or updated
• [ ] Examples added or updated
• [ ] Documentation updated (e.g., added API functions)
• [ ] Screenshots for visual changes (e.g., new encoding support or UI change on Editor)