Adding React Mosaic

[dvzacharycutler]

Closes https://github.com/datavisyn/reprovisyn/issues/328

Developer Checklist (Definition of Done)

• [x] Descriptive title for this pull request provided (will be used for release notes later)
• [x] All acceptance criteria from the issue are met
• [x] Branch is up-to-date with the branch to be merged with, i.e., develop
• [x] Code is cleaned up and formatted
• [ ] Code documentation written
• [ ] Unit tests written
• [x] Tested in Chrome
• [ ] Tested in Firefox
• [x] Build is successful
• [x] Summary of changes written
• [ ] Wiki documentation written
• [x] Assign at least one reviewer
• [x] Assign at least one assignee
• [x] Add type label (e.g., bug, enhancement) to this pull request
• [ ] Add next version label (e.g., next-version: minor) to this PR following semver

Summary of changes

• Removing splitpane from Workbenches and adding react-mosaic. Made some style changes to account for this. Changed the rendering logic a bit in workbenches to account for rendering the MosaicWindow component.

Screenshots

https://user-images.githubusercontent.com/87644761/166956392-4d00c045-e95f-4fdd-bf13-fe9f4d348047.mp4

[dvzacharycutler]

Also made a new ticket for improving the performance of the resizing with vis https://github.com/datavisyn/reprovisyn/issues/373. Currently it is quite slow, and if the dataset is large its a large hindrance

[thinkh]

@dvzacharycutler Thanks for your changes and for creating the follow-up issue. There are two open points before we are ready to merge this PR.

Refactor CSS imports

Please refactor the CSS imports as mentioned above.

Add pointer-events: none

Additionally, I noticed that the dragging of the COSMIC view is not fixed using the pointer-events: none. Could you please have a look into this again?

Did you address this already? I couldn't find any SCSS-related changes.

[dvzacharycutler]

Yes, I addressed the pointer events issue, the problem wasnt scss but me not realizing what the onDragEnd does. Instead set the flag for dragging in the MosaicWindow onChange, and turned it off in onRelease. Will fix the imports now

[thinkh]

Yes, I addressed the pointer events issue, the problem wasnt scss but me not realizing what the onDragEnd does. Instead set the flag for dragging in the MosaicWindow onChange, and turned it off in onRelease.

Ok, thanks for the explanation.