fix: adjust spacing in NavMenu and ChatMessage components; capitalize conversation title in page

src/lib/components/NavMenu.svelte

@@ -188,7 +188,7 @@
 		>
 	</a>
 
-	<span class="flex flex-row-reverse gap-1 md:flex-row">
+	<span class="flex gap-1">
 		<a
 			href="{base}/settings"
 			class="flex h-9 flex-none flex-grow items-center gap-1.5 rounded-lg pl-2.5 pr-2 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700"

src/lib/components/chat/ChatMessage.svelte

@@ -203,14 +203,14 @@
 					<div
 						class="mr-2 flex items-center gap-1.5 truncate whitespace-nowrap text-[.65rem] text-gray-400 dark:text-gray-400 sm:text-xs"
 					>
-						<span class="truncate rounded bg-gray-100 px-1.5 font-mono dark:bg-gray-800 sm:py-px">
+						<span class="truncate rounded bg-gray-100 px-1 font-mono dark:bg-gray-800 sm:py-px">
 							{message.routerMetadata.route}
 						</span>
 						<span class="text-gray-500">with</span>
 						{#if publicConfig.isHuggingChat}
 							<a
 								href="/chat/settings/{message.routerMetadata.model}"
-								class="truncate rounded bg-gray-100 px-1.5 font-mono hover:text-gray-500 dark:bg-gray-800 dark:hover:text-gray-300 sm:py-px"
+								class="truncate rounded bg-gray-100 px-1 font-mono hover:text-gray-500 dark:bg-gray-800 dark:hover:text-gray-300 sm:py-px"
 							>
 								{message.routerMetadata.model.split("/").pop()}
 							</a>

src/routes/conversation/[id]/+page.svelte

@@ -507,9 +507,10 @@
 		}
 	});
 
-	let title = $derived(
-		conversations.find((conv) => conv.id === page.params.id)?.title ?? data.title
-	);
+	let title = $derived.by(() => {
+		const rawTitle = conversations.find((conv) => conv.id === page.params.id)?.title ?? data.title;
+		return rawTitle ? rawTitle.charAt(0).toUpperCase() + rawTitle.slice(1) : rawTitle;
+	});
 </script>
 
 <svelte:head>