login page / auth flow changes

src/components/AppLayout.jsx

@@ -19,6 +19,7 @@ const Player = lazy(() => import('./AudioPlayer.jsx'));
 export default function Root({ child, user = undefined, ...props }) {
   window.toast = toast;
   const theme = document.documentElement.getAttribute("data-theme")
+  const loggedIn = props.loggedIn ?? Boolean(user);
   usePrimeReactThemeSwitcher(theme);
   return (
     <PrimeReactProvider>
@@ -34,7 +35,7 @@ export default function Root({ child, user = undefined, ...props }) {
         color="danger">
           Work in progress... bugs are to be expected.
         </Alert> */}
-        {child == "LoginPage" && (<LoginPage client:only="react" />)}
+        {child == "LoginPage" && (<LoginPage {...props} loggedIn={loggedIn} />)}
         {child == "LyricSearch" && (<LyricSearch {...props} client:only="react" />)}
         {child == "Player" && (<Player client:only="react" user={user} />)}
         {child == "Memes" && <Memes client:only="react" />}