auth and socket connections linear and slow progress but cleaner?

packages/desktop/src/tree/electronApp.tsx

@@ -1,14 +1,29 @@
 import React from 'react';
-
+import { Toaster } from 'react-hot-toast';
+import { AuthProvider } from '../providers/AuthProvider';
 import { ElectronProvider } from '../providers/ElectronProvider';
-import SocketProvider from '../providers/SocketProvider';
+import { SocketProvider } from '../providers/SocketProvider';
+import ProtectedRoute from './protected/ProtectedRoute';
 
 export default function ElectronApp() {
   return (
     <ElectronProvider>
-      <SocketProvider>
-        <div> this is the bottom of the tree</div>
-      </SocketProvider>
+      <AuthProvider>
+        <ProtectedRoute>
+          <SocketProvider>yo its connected dawg</SocketProvider>
+        </ProtectedRoute>
+      </AuthProvider>
+
+      <Toaster
+        position={'bottom-right'}
+        toastOptions={{
+          style: {
+            borderRadius: '10px',
+            background: '#333',
+            color: '#fff',
+          },
+        }}
+      />
     </ElectronProvider>
   );
 }