Merge pull request #6646 from s1adem4n/fix-popover-text

fix: Truncate text in UserMenu so it doesn't break into multiple lines

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

@@ -69,7 +69,7 @@
 						/>
 					</svg>
 				</div>
-				<div class=" self-center">{$i18n.t('Settings')}</div>
+				<div class=" self-center truncate">{$i18n.t('Settings')}</div>
 			</button>
 
 			<button
@@ -86,7 +86,7 @@
 				<div class=" self-center mr-3">
 					<ArchiveBox className="size-5" strokeWidth="1.5" />
 				</div>
-				<div class=" self-center">{$i18n.t('Archived Chats')}</div>
+				<div class=" self-center truncate">{$i18n.t('Archived Chats')}</div>
 			</button>
 
 			{#if role === 'admin'}
@@ -117,7 +117,7 @@
 							/>
 						</svg>
 					</div>
-					<div class=" self-center">{$i18n.t('Playground')}</div>
+					<div class=" self-center truncate">{$i18n.t('Playground')}</div>
 				</button>
 
 				<button
@@ -147,7 +147,7 @@
 							/>
 						</svg>
 					</div>
-					<div class=" self-center">{$i18n.t('Admin Panel')}</div>
+					<div class=" self-center truncate">{$i18n.t('Admin Panel')}</div>
 				</button>
 			{/if}
 
@@ -181,7 +181,7 @@
 						/>
 					</svg>
 				</div>
-				<div class=" self-center">{$i18n.t('Sign Out')}</div>
+				<div class=" self-center truncate">{$i18n.t('Sign Out')}</div>
 			</button>
 
 			{#if $activeUserCount}