Voice chat pre UI

src/components/page/channel/VoiceChannel.tsx

@@ -0,0 +1,19 @@
+import Enclave from "@/app/app";
+import { ChannelPageProps } from "../PageView";
+
+export default function VoiceChannel({
+  appRef,
+}: {
+  appRef: React.RefObject<Enclave<ChannelPageProps> | null>;
+}) {
+  const channel = appRef.current?.page?.channel;
+  if (!channel) return null;
+
+  return (
+    <div className="flex flex-col h-screen gap-2">
+      <header className="px-3 pt-3 pb-3 text-sm text-muted-foreground border-b border-b-border">
+        <h2>{channel.name}</h2>
+      </header>
+    </div>
+  );
+}