Design component pattern to have multiple query editor

The query pane components needs to be refactored to support multi-tab query editor. `QueryEditor`, `QueryResult`, `VisualizeSideBar` and `ChartContainer` should be composed into a `Worksheet` component.
There will a wrapper component of `Worksheet` to control navigating, creating, and deleting `Worksheet`.
Query vuex module state also needs to be refactored as all states used in
`Worksheet` and its child components should have it standalone states.