Calculate height dynamically using jquery for scrollable sqllab

[vera-liu]

Before:
Previously we used margin_bottom and height:95% in css for scrollable components

After:

• calculate height based on window size, navbar height and tab height
• event handler for window resize

needs-review @mistercrunch

[mistercrunch]

This is flawed again:

• Tab height should be dynamic, not hard coded as many tabs overflow into a second row of tabs
• Remaining height only needs to be calculated in one place (SqlEditor)
• Should take into account the staging warning
• Should take into account the Alerts

[vera-liu]

Pushed a new commit:

• parent is mounted after child mounting in react, so to get the height of Alerts and Tab size, I have to calculate it in App.jsx
• it seems the only suitable place to calculate height is in componentDidMount, after everything is rendered, but if we setState in componentDidMount, it will trigger another re-rendering, so it will render two times every time

@mistercrunch

[mistercrunch]

LGTM