chore: improvements

autogpt_platform/frontend/src/app/(platform)/layout.tsx

@@ -5,12 +5,12 @@ import { AdminImpersonationBanner } from "./admin/components/AdminImpersonationB
 
 export default function PlatformLayout({ children }: { children: ReactNode }) {
   return (
-    <main className="flex h-screen w-full flex-row overflow-hidden">
-      <div className="flex min-w-0 flex-1 flex-col">
-        <Navbar />
-        <AdminImpersonationBanner />
-        <section className="flex-1 overflow-auto">{children}</section>
-      </div>
+    <main className="flex h-screen w-full flex-col overflow-hidden">
+      <Navbar />
+      <AdminImpersonationBanner />
+      <section className="flex min-h-0 flex-1 overflow-auto">
+        {children}
+      </section>
       <ChatDrawer />
     </main>
   );

autogpt_platform/frontend/src/components/contextual/Chat/Chat.tsx

@@ -61,7 +61,7 @@ export function Chat({
     <div className={cn("flex h-full flex-col", className)}>
       {/* Header */}
       {showHeader && (
-        <header className="shrink-0 border-b border-zinc-200 bg-white p-3">
+        <header className="shrink-0 border-t border-zinc-200 bg-white p-3">
           <div className="flex items-center justify-between">
             <div className="flex items-center gap-3">
               <button

autogpt_platform/frontend/src/components/contextual/Chat/ChatDrawer.tsx

@@ -41,7 +41,7 @@ export function ChatDrawer({ blurBackground = true }: ChatDrawerProps) {
       {blurBackground && isOpen && (
         <div
           onClick={close}
-          className="fixed inset-0 z-[45] cursor-pointer bg-black/10 backdrop-blur-sm animate-in fade-in-0"
+          className="fixed inset-0 z-[45] cursor-pointer animate-in fade-in-0"
           style={{ pointerEvents: "auto" }}
         />
       )}
@@ -49,10 +49,9 @@ export function ChatDrawer({ blurBackground = true }: ChatDrawerProps) {
         onClick={(e) => e.stopPropagation()}
         onInteractOutside={blurBackground ? close : undefined}
         className={cn(
-          "flex h-full w-1/2 flex-col border-l border-zinc-200 bg-white",
+          "fixed right-0 top-[60px] z-50 flex h-[calc(100vh-60px)] w-1/2 flex-col border-l border-zinc-200 bg-white",
           scrollbarStyles,
         )}
-        style={{ position: "relative", zIndex: 50 }}
       >
         <Chat
           headerTitle={