Fix app being stuck in loading when there's no auth

Author: danielfdsilva

packages/client/src/App.tsx

@@ -49,9 +49,7 @@ const rotate2 = keyframes`
 `;
 
 export function App() {
-  const { initStatus } = useKeycloak();
-
-  const isLoading = initStatus === 'loading';
+  const { isLoading } = useKeycloak();
 
   return (
     <>

packages/client/src/components/MainNavigation.tsx

@@ -34,7 +34,7 @@ function NavItem(props: ButtonProps & SmartLinkProps) {
 }
 
 function MainNavigation() {
-  const { keycloak } = useKeycloak();
+  const { keycloak, isEnabled } = useKeycloak();
 
   return (
     <Flex as='nav' aria-label='Main' gap={4} alignItems='center'>
@@ -48,13 +48,17 @@ function MainNavigation() {
           </NavItem>
         )}
       </List>
-      <Divider
-        orientation='vertical'
-        borderLeftWidth='2px'
-        borderColor='base.200'
-        h='1rem'
-      />
-      <UserInfo />
+      {isEnabled && (
+        <>
+          <Divider
+            orientation='vertical'
+            borderLeftWidth='2px'
+            borderColor='base.200'
+            h='1rem'
+          />
+          <UserInfo />
+        </>
+      )}
     </Flex>
   );
 }