fix dark mode background seam and sidebar title

Author: dancer

components/app-sidebar.tsx

@@ -72,7 +72,7 @@ export function AppSidebar({ user }: { user: User | undefined }) {
                 }}
               >
                 <span className="cursor-pointer rounded-md px-2 font-semibold text-lg hover:bg-muted">
-                  Chatbot
+                  OpenChat
                 </span>
               </Link>
               <div className="flex flex-row gap-1">

components/messages.tsx

@@ -44,9 +44,9 @@ function PureMessages({
   useDataStream();
 
   return (
-    <div className="relative flex-1">
+    <div className="relative flex-1 bg-background">
       <div
-        className="absolute inset-0 touch-pan-y overflow-y-auto"
+        className="absolute inset-0 touch-pan-y overflow-y-auto bg-background"
         ref={messagesContainerRef}
       >
         <div className="mx-auto flex min-w-0 max-w-4xl flex-col gap-4 px-2 py-4 md:gap-6 md:px-4">