layout mimics actual chatgpt ui

src/components/Conversations.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import Conversation from './Conversation';
+
+export default function Conversations() {
+  return (
+    <div className="-mr-2 flex-1 flex-col overflow-y-auto border-b border-white/20">
+      <div className="flex flex-col gap-2 text-sm text-gray-100">
+        <Conversation />
+        <button className="btn btn-dark btn-small m-auto mb-2 flex justify-center gap-2">
+          Show more
+        </button>
+      </div>
+    </div>
+  );
+}