Show UserMenu even if no avatar available

src/UserMenu.tsx

@@ -36,7 +36,7 @@ interface UserMenuProps {
   isAuthenticated: boolean;
   isPasswordlessUser: boolean;
   displayName: string;
-  avatarUrl: string;
+  avatarUrl?: string;
   onAction: (value: string) => void;
 }
 

src/UserMenuContainer.tsx

@@ -61,18 +61,14 @@ export function UserMenuContainer({ preventNavigation = false }: Props) {
   const userName = client?.getUserIdLocalpart() ?? "";
   return (
     <>
-      {avatarUrl && (
-        <UserMenu
-          preventNavigation={preventNavigation}
-          isAuthenticated={authenticated}
-          isPasswordlessUser={passwordlessUser}
-          avatarUrl={avatarUrl}
-          onAction={onAction}
-          displayName={
-            displayName || (userName ? userName.replace("@", "") : "")
-          }
-        />
-      )}
+      <UserMenu
+        preventNavigation={preventNavigation}
+        isAuthenticated={authenticated}
+        isPasswordlessUser={passwordlessUser}
+        avatarUrl={avatarUrl}
+        onAction={onAction}
+        displayName={displayName || (userName ? userName.replace("@", "") : "")}
+      />
       {modalState.isOpen && client && (
         <SettingsModal
           client={client}