auth and socket connections linear and slow progress but cleaner?

packages/desktop/src/tree/protected/ProtectedRoute.tsx

@@ -1,9 +1,11 @@
 import React from 'react';
 import useAuth from '../../providers/AuthProvider';
+import Login from './login/Login';
 
 export default function ProtectedRoute({ children }: { children: React.ReactNode }) {
   const { user } = useAuth();
 
-  if (user) return;
-  return <>hey</>;
+  if (!user) return <Login />;
+
+  return <>{children}</>;
 }