multi columns layout

src/app/chat/components/item.tsx

@@ -44,7 +44,7 @@ export default function ChatsListItem({ pubkey }: { pubkey: string }) {
 						/>
 					</div>
 					<div>
-						<h5 className="truncate font-medium text-zinc-400 group-hover:text-white">
+						<h5 className="truncate font-medium text-zinc-200 group-hover:text-white">
 							{user.nip05 || user.name || shortenKey(pubkey)}
 						</h5>
 					</div>

src/app/chat/components/list.tsx

@@ -16,7 +16,7 @@ export default function ChatsList() {
 	);
 
 	return (
-		<div className="flex flex-col gap-px">
+		<div className="flex flex-col gap-1">
 			<ChatsListSelfItem />
 			{!chats || error ? (
 				<>

src/app/chat/components/self.tsx

@@ -45,7 +45,7 @@ export default function ChatsListSelfItem() {
 						/>
 					</div>
 					<div>
-						<h5 className="truncate font-medium text-zinc-400">
+						<h5 className="truncate font-medium text-zinc-200">
 							{profile?.nip05 || profile?.name || shortenKey(account.pubkey)}{" "}
 							<span className="text-zinc-600">(you)</span>
 						</h5>