test

components/layout/layout.tsx

@@ -3,6 +3,7 @@
 import { useState, useEffect } from "react"
 import { useTheme } from "next-themes"
 import Sidebar from "./sidebar"
+import ChatNotifications from "@/components/dashboard/ChatNotifications"
 import type React from "react" // Added import for React
 
 interface LayoutProps {
@@ -21,6 +22,11 @@ export default function Layout({ children }: LayoutProps) {
     <div className={`flex h-screen ${theme === "dark" ? "dark" : ""}`}>
       <Sidebar />
       <div className="w-full flex flex-1 flex-col">
+        <header className="h-16 border-b border-border flex items-center justify-end px-6">
+          <div className="flex items-center space-x-2">
+            <ChatNotifications />
+          </div>
+        </header>
         <main className="flex-1 overflow-auto p-6 dark:bg-[#0F0F12]">{children}</main>
       </div>
     </div>