Merge branch 'main' into jose/ui

www/app/transcripts/new/page.tsx

@@ -7,11 +7,13 @@ import useTranscript from "../useTranscript";
 import { useWebSockets } from "../useWebSockets";
 import useAudioDevice from "../useAudioDevice";
 import "../../styles/button.css";
+import { Topic } from "../webSocketTypes";
 import getApi from "../../lib/getApi";
 
 const App = () => {
   const [stream, setStream] = useState<MediaStream | null>(null);
   const [disconnected, setDisconnected] = useState<boolean>(false);
+  const useActiveTopic = useState<Topic | null>(null);
 
   useEffect(() => {
     if (process.env.NEXT_PUBLIC_ENV === "development") {
@@ -48,6 +50,7 @@ const App = () => {
             }}
             getAudioStream={getAudioStream}
             audioDevices={audioDevices}
+            topics={webSockets.topics}
           />
 
           <Dashboard
@@ -55,6 +58,7 @@ const App = () => {
             finalSummary={webSockets.finalSummary}
             topics={webSockets.topics}
             disconnected={disconnected}
+            useActiveTopic={useActiveTopic}
           />
         </>
       ) : (