cleanup main layout

packages/desktop/src/tree/Terminal.tsx

@@ -1,21 +1,33 @@
-import { Grid } from '@mui/material';
+import { Container, Grid } from '@mui/material';
+
 import React from 'react';
+import { blueGrey } from '@mui/material/colors';
 
 export default function Terminal() {
   return (
-    <Grid container spacing={0}>
-      <Grid item xs={4}>
-        This is the sidepanel
-      </Grid>
+    <Container
+      maxWidth={false}
+      disableGutters={true}
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        background: blueGrey[50],
+      }}
+    >
+      <Grid container spacing={0}>
+        <Grid item xs={4}>
+          This is the sidepanel
+        </Grid>
 
-      <Grid item xs={8}>
-        {' '}
-        main panel
-      </Grid>
+        <Grid item xs={8}>
+          {' '}
+          main panel
+        </Grid>
 
-      <Grid item xs={12}>
-        This is the footer controls
+        <Grid item xs={12}>
+          This is the footer controls
+        </Grid>
       </Grid>
-    </Grid>
+    </Container>
   );
 }