fix(overlay): fix displaying info about auth status

src/components/Map/Drawer/OverlaysDrawer/UserOverlays/UserOverlays.component.tsx

@@ -22,9 +22,7 @@ export const UserOverlays = (): JSX.Element => {
     <div className="p-6">
       {loadingUser === 'pending' && <h1>Loading</h1>}
 
-      {authenticatedUser ? (
-        <h1>Authenticated</h1>
-      ) : (
+      {loadingUser !== 'pending' && !authenticatedUser && (
         <>
           <p className="mb-5 font-semibold">User provided overlays:</p>
           <p className="mb-5 text-sm">
@@ -33,6 +31,9 @@ export const UserOverlays = (): JSX.Element => {
           <Button onClick={handleLoginClick}>Login</Button>
         </>
       )}
+
+      {/* TODO: Implement user overlays */}
+      {authenticatedUser && <h1>Authenticated</h1>}
     </div>
   );
 };