refac

src/lib/components/layout/Sidebar.svelte

@@ -1404,6 +1404,7 @@
 							role={$user?.role}
 							profile={$config?.features?.enable_user_status ?? true}
 							showActiveUsers={false}
+							className="max-w-[calc(var(--sidebar-width)-1rem)]"
 							on:show={(e) => {
 								if (e.detail === 'archived-chat') {
 									showArchivedChats.set(true);

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

@@ -39,6 +39,7 @@
 	export let help = false;
 
 	export let className = 'max-w-[240px]';
+	export let align = 'end';
 
 	export let showActiveUsers = true;
 
@@ -88,8 +89,7 @@
 			class="w-full {className}  rounded-2xl px-1 py-1  border border-gray-100  dark:border-gray-800 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-lg text-sm"
 			sideOffset={4}
 			side="top"
-			align="start"
-			avoidCollisions={false}
+			{align}
 			transition={(e) => fade(e, { duration: 100 })}
 		>
 			{#if profile}