feat: create supervisor component

package.json

@@ -19,6 +19,7 @@
   },
   "prettier": "@solvro/config/prettier",
   "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.2",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-separator": "^1.1.0",

src/app/chat/layout.tsx

@@ -8,7 +8,7 @@ export default function ChatLayout({
   return (
     <SidebarProvider>
       <ChatSidebar />
-      <div className="flex h-screen w-full flex-col bg-chat-background text-white">
+      <div className="flex h-full min-h-dvh w-full flex-col bg-chat-background text-white">
         <ClientOnly>
           <SidebarTrigger className="border-0" />
           <div className="flex h-screen w-full flex-col bg-chat-background text-white">

src/app/chat/page.tsx

@@ -1,9 +1,54 @@
-import { Chat } from "@/components/chat";
+import { Chat, PromochatorIcon } from "@/components/chat";
+import { Supervisor } from "@/components/supervisor";
 
 export default function ChatPage() {
   return (
-    <div className="flex flex-grow items-center justify-center">
+    <div className="flex flex-grow flex-col items-center justify-center gap-4">
       <Chat />
+      <div className="w-full max-w-7xl space-y-4 p-8">
+        <div className="flex items-center gap-4">
+          <PromochatorIcon
+            imageWidth={36}
+            imageHeight={36}
+            imageClassName="py-2 px-1"
+          />
+          <p className="rounded-2xl bg-message-primary px-4 py-3">
+            Oto promotorzy, którzy mogą Ci pomóc w realizacji tego tematu:
+          </p>
+        </div>
+        <Supervisor
+          name="Dr hab. Anna Nowak"
+          faculty="Faculty of Computer Science"
+          papers={[
+            {
+              title: "Modern Web Development Frameworks",
+              description:
+                "This paper discusses various frameworks used in modern web development, comparing their performance and usability.",
+            },
+            {
+              title: "Responsive Design Techniques",
+              description:
+                "An exploration of techniques for creating responsive web applications that work on various devices.",
+            },
+          ]}
+        />
+        <Supervisor
+          name="Dr hab. Anna Nowak"
+          faculty="Faculty of Computer Science"
+          papers={[
+            {
+              title: "Modern Web Development Frameworks",
+              description:
+                "This paper discusses various frameworks used in modern web development, comparing their performance and usability.",
+            },
+            {
+              title: "Responsive Design Techniques",
+              description:
+                "An exploration of techniques for creating responsive web applications that work on various devices.",
+            },
+          ]}
+        />
+      </div>
     </div>
   );
 }

src/components/chat.tsx

@@ -32,7 +32,7 @@ function PromochatorLogo() {
   );
 }
 
-function PromochatorIcon({
+export function PromochatorIcon({
   imageWidth,
   imageHeight,
   imageClassName,