style(colors): changed colors

using slate and grey colors for the most part with violot bc why not

web-app/src/components/ui/chat/chat-header.jsx

@@ -2,8 +2,10 @@ import React from "react";
 
 export default function ChatHeader({ title = "Title of Chat" }) {
   return (
-    <header className="flex justify-center bg-blue-600">
-      <h1 className="text-lg font-semibold">{title}</h1>
+    <header className="flex justify-center text-slate-100">
+      <h1 className="text-lg font-semibold shadow-xl bg-gray-900 px-4 py-2 rounded-4xl">
+        {title}
+      </h1>
     </header>
   );
 }