refac: styling

src/lib/components/channel/Messages/Message/ProfilePreview.svelte

@@ -14,7 +14,7 @@
 	</LinkPreview.Trigger>
 
 	<LinkPreview.Content
-		class="max-w-full w-[240px] rounded-2xl z-9999 bg-white dark:bg-black dark:text-white shadow-lg"
+		class="max-w-full w-[260px] rounded-2xl z-9999 bg-white dark:bg-black dark:text-white shadow-lg"
 		side="left"
 		align="center"
 		sideOffset={8}

src/lib/components/channel/Messages/Message/UserStatus.svelte

@@ -30,8 +30,8 @@
 		</div>
 
 		<div class=" flex flex-col w-full flex-1">
-			<div class="mb-0.5">
-				<span class="font-medium line-clamp-1"> {user.name} </span>
+			<div class="mb-0.5 font-medium line-clamp-1 pr-2">
+				{user.name}
 			</div>
 
 			<div class=" flex items-center gap-2">

src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/MentionToken.svelte

@@ -102,7 +102,7 @@
 	</LinkPreview.Trigger>
 
 	<LinkPreview.Content
-		class="max-w-full w-[240px] rounded-2xl z-9999 bg-white dark:bg-black dark:text-white shadow-lg"
+		class="max-w-full w-[260px] rounded-2xl z-9999 bg-white dark:bg-black dark:text-white shadow-lg"
 		side="top"
 		align="start"
 		sideOffset={6}