refac

src/lib/components/layout/Sidebar.svelte

@@ -948,8 +948,10 @@
 								}
 							}}
 						>
-							<div
+							<button
+								type="button"
 								class=" cursor-pointer flex rounded-xl hover:bg-gray-100 dark:hover:bg-gray-850 transition group"
+								aria-label={$i18n.t('User menu')}
 							>
 								<div class="self-center relative">
 									<img
@@ -971,7 +973,7 @@
 										</div>
 									{/if}
 								</div>
-							</div>
+							</button>
 						</UserMenu>
 					{/if}
 				</div>
@@ -1608,8 +1610,10 @@
 								}
 							}}
 						>
-							<div
+							<button
+								type="button"
 								class=" flex items-center rounded-2xl py-2 px-1.5 w-full hover:bg-gray-100/50 dark:hover:bg-gray-900/50 transition"
+								aria-label={$i18n.t('User menu')}
 							>
 								<div class=" self-center mr-3 relative flex-shrink-0">
 									<img
@@ -1632,7 +1636,7 @@
 									{/if}
 								</div>
 								<div class=" self-center font-medium truncate">{$user?.name}</div>
-							</div>
+							</button>
 						</UserMenu>
 					{/if}
 				</div>

src/lib/components/layout/Sidebar/UserMenu.svelte

@@ -117,7 +117,6 @@
 	}}
 />
 
-<!-- svelte-ignore a11y-no-static-element-interactions -->
 <Dropdown bind:show onOpenChange={handleDropdownChange} {align}>
 	<slot />