Create query page layout view

The layout is drafted as follows until the UI design is provided:
Left column: Table list section.
Right column: Editor view at top position and query result view at bottom.
The width and height of the layout should be resizable.