Merge pull request #16186 from itk-dev/feature/user-menu-tab-order-and-menu-item-accessibility

FEAT: user menu tab order and menu item accessibility

src/lib/components/layout/Sidebar.svelte

@@ -68,7 +68,6 @@
 	let shiftKey = false;
 
 	let selectedChatId = null;
-	let showDropdown = false;
 	let showPinnedChat = true;
 
 	let showCreateChannel = false;
@@ -1035,21 +1034,19 @@
 							}
 						}}
 					>
-						<button
+						<div
 							class=" flex items-center rounded-xl py-2.5 px-2.5 w-full hover:bg-gray-100 dark:hover:bg-gray-900 transition"
-							on:click={() => {
-								showDropdown = !showDropdown;
-							}}
 						>
 							<div class=" self-center mr-3">
 								<img
 									src={$user?.profile_image_url}
 									class=" max-w-[30px] object-cover rounded-full"
-									alt="User profile"
+									alt={$i18n.t('Open User Profile Menu')}
+									aria-label={$i18n.t('Open User Profile Menu')}
 								/>
 							</div>
 							<div class=" self-center font-medium">{$user?.name}</div>
-						</button>
+						</div>
 					</UserMenu>
 				{/if}
 			</div>