adding in mui and getting rid of other styling

packages/desktop/src/tree/Terminal.tsx

@@ -0,0 +1,21 @@
+import { Grid } from '@mui/material';
+import React from 'react';
+
+export default function Terminal() {
+  return (
+    <Grid container spacing={0}>
+      <Grid item xs={4}>
+        This is the sidepanel
+      </Grid>
+
+      <Grid item xs={8}>
+        {' '}
+        main panel
+      </Grid>
+
+      <Grid item xs={12}>
+        This is the footer controls
+      </Grid>
+    </Grid>
+  );
+}

packages/desktop/src/tree/electronApp.tsx

@@ -1,37 +1,41 @@
 import { AuthProvider } from '../providers/AuthProvider';
 import { ElectronProvider } from '../providers/ElectronProvider';
+import { NirvanaTheme } from '../mui/NirvanaTheme';
 import ProtectedRoute from './ProtectedRoute';
 import React from 'react';
 import { SocketProvider } from '../providers/SocketProvider';
 import { StabilityProvider } from '../providers/StabilityProvider';
+import { ThemeProvider } from '@mui/material';
 import { Toaster } from 'react-hot-toast';
 import { ZenProvider } from '../providers/ZenProvider';
 
 export default function ElectronApp() {
   return (
-    <StabilityProvider>
-      <ElectronProvider>
-        <AuthProvider>
-          <ProtectedRoute>
-            <ZenProvider>
-              <SocketProvider>
-                <></>
-              </SocketProvider>
-            </ZenProvider>
-          </ProtectedRoute>
-        </AuthProvider>
+    <ThemeProvider theme={NirvanaTheme}>
+      <StabilityProvider>
+        <ElectronProvider>
+          <AuthProvider>
+            <ProtectedRoute>
+              <ZenProvider>
+                <SocketProvider>
+                  <></>
+                </SocketProvider>
+              </ZenProvider>
+            </ProtectedRoute>
+          </AuthProvider>
 
-        <Toaster
-          position={'bottom-right'}
-          toastOptions={{
-            style: {
-              borderRadius: '10px',
-              background: '#333',
-              color: '#fff',
-            },
-          }}
-        />
-      </ElectronProvider>
-    </StabilityProvider>
+          <Toaster
+            position={'bottom-right'}
+            toastOptions={{
+              style: {
+                borderRadius: '10px',
+                background: '#333',
+                color: '#fff',
+              },
+            }}
+          />
+        </ElectronProvider>
+      </StabilityProvider>
+    </ThemeProvider>
   );
 }