refac: styling

src/lib/components/layout/Navbar.svelte

@@ -43,7 +43,7 @@
 
 <ShareChatModal bind:show={showShareChatModal} chatId={$chatId} />
 
-<div class="sticky top-0 z-30 w-full px-1 py-2 -mb-8 flex items-center">
+<div class="sticky top-0 z-30 w-full px-1 py-1 -mb-8 flex items-center">
 	<div
 		class=" bg-gradient-to-b via-50% from-white via-white to-transparent dark:from-gray-900 dark:via-gray-900 dark:to-transparent pointer-events-none absolute inset-0 -bottom-7 z-[-1] blur"
 	></div>

src/lib/components/playground/Chat.svelte

@@ -225,7 +225,7 @@
 			</div>
 		</Sidebar>
 
-		<div class=" flex flex-col h-full px-4 py-1">
+		<div class=" flex flex-col h-full px-3.5">
 			<div class="flex w-full items-start gap-1.5">
 				<Collapsible
 					className="w-full flex-1"

src/routes/(app)/admin/+layout.svelte

@@ -30,7 +30,7 @@
 			? 'md:max-w-[calc(100%-260px)]'
 			: ''}"
 	>
-		<div class=" px-3.5 pt-1.5">
+		<div class=" px-2.5 py-1 backdrop-blur-xl">
 			<div class=" flex items-center gap-1">
 				<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center">
 					<button
@@ -78,7 +78,7 @@
 			</div>
 		</div>
 
-		<div class=" pb-1 px-[18px] flex-1 max-h-full overflow-y-auto">
+		<div class=" pb-1 px-[16px] flex-1 max-h-full overflow-y-auto">
 			<slot />
 		</div>
 	</div>

src/routes/(app)/playground/+layout.svelte

@@ -20,7 +20,7 @@
 		? 'md:max-w-[calc(100%-260px)]'
 		: ''}"
 >
-	<div class=" px-3.5 mt-1.5">
+	<div class=" px-2.5 py-1 backdrop-blur-xl">
 		<div class=" flex items-center">
 			<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center">
 				<button

src/routes/(app)/workspace/+layout.svelte

@@ -30,7 +30,7 @@
 			? 'md:max-w-[calc(100%-260px)]'
 			: ''}"
 	>
-		<div class="   px-3.5 py-1 backdrop-blur-xl">
+		<div class="   px-2.5 py-1 backdrop-blur-xl">
 			<div class=" flex items-center gap-1">
 				<div class="{$showSidebar ? 'md:hidden' : ''} self-center flex flex-none items-center">
 					<button