fix: remove checking buf until I can figure out how to not use buf.lock

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

@@ -51,7 +51,7 @@
 		class="bg-mantle border-surface text-text flex h-14 w-full items-center justify-between border-b px-4 py-4 lg:px-10"
 	>
 		<!-- Left -->
-		<a href="/" class="flex select-none items-center gap-2 text-2xl font-bold tracking-wider">
+		<a href="/" class="flex items-center gap-2 text-2xl font-bold tracking-wider select-none">
 			TrevStack
 			<LayoutGrid />
 		</a>

client/src/routes/(app)/+page.svelte

@@ -1,4 +1,4 @@
-<div class="flex h-body">
+<div class="h-body flex">
 	<div class="m-auto flex flex-col gap-2 p-4">
 		<h1 class="decoration-sky text-4xl font-bold underline underline-offset-4">
 			Welcome to TrevStack

client/src/routes/(app)/items/+page.svelte

@@ -31,7 +31,7 @@
 
 	<Input
 		bind:value={get.input.filter}
-		class="w-md bg-based"
+		class="bg-based w-md"
 		placeholder="Filter"
 		onchange={() => {
 			get.submit();
@@ -241,7 +241,7 @@
 					<Table.Cell class="w-0"></Table.Cell>
 				</Table.Row>
 			{:else}
-				{#each get.output.items as item}
+				{#each get.output.items as item (item.id)}
 					<Table.Row>
 						<Table.Cell>{item.added ? timestampDate(item.added).toLocaleString() : ''}</Table.Cell>
 						<Table.Cell>{item.name}</Table.Cell>
@@ -296,7 +296,7 @@
 	{/if}
 </div>
 
-<div class="mx-4 mb-4 mt-2 flex justify-end sm:mt-1">
+<div class="mx-4 mt-2 mb-4 flex justify-end sm:mt-1">
 	{@render createModal()}
 </div>
 

client/src/routes/auth/+page.svelte

@@ -68,7 +68,7 @@
 </script>
 
 <div class="flex h-screen flex-col items-center justify-center">
-	<Tabs.Root bind:value={tabValue} class="sm:min-w-sm min-w-full px-2">
+	<Tabs.Root bind:value={tabValue} class="min-w-full px-2 sm:min-w-sm">
 		<Tabs.List class="w-full">
 			<Tabs.Trigger value="login">Log In</Tabs.Trigger>
 			<Tabs.Trigger value="signup">Sign Up</Tabs.Trigger>