fixed console empty space issue on server sandbox (codesandbox#1805)

Author: rabingaire

packages/app/src/app/components/Preview/DevTools/Terminal/index.js

@@ -177,10 +177,7 @@ class TerminalComponent extends React.Component<Props, State> {
     const { height, hidden } = this.props;
 
     return (
-      <div
-        style={{ width: '100%', height: '100%' }}
-        ref={this.setupResizeObserver}
-      >
+      <div className={!hidden && 'terminal'} ref={this.setupResizeObserver}>
         {!hidden &&
           this.state.shells.length > 0 && (
             <ShellTabs

packages/app/src/app/components/Preview/DevTools/Terminal/styles.css

@@ -158,3 +158,8 @@
   height: 1px;
   overflow: hidden;
 }
+
+.terminal {
+  height: 100%;
+  width: 100%;
+}