added frontend for social + feed partiali working

frontend/src/layouts/social/Chat.tsx

@@ -1,13 +1,13 @@
+import { Outlet } from "react-router-dom";
+import ChatSidebar from "@/components/social/chat/ChatSidebar";
 
 export default function ChatLayout() {
   return (
-    <div className="min-h-screen flex flex-col">
-      <header className="bg-gray-800 text-white p-4">
-        <h1 className="text-xl font-bold">Chat</h1>
-      </header>
-      <main className="flex-1 p-4">
-        nothing now
-      </main>
+    <div className="grid h-[calc(100vh-0px)] grid-cols-[280px_1fr]">
+      <ChatSidebar />
+      <section className="flex h-full flex-col overflow-hidden">
+        <Outlet />
+      </section>
     </div>
   );
-}
+}