fix loading indication

www/app/[domain]/transcripts/[transcriptId]/correct/participantList.tsx

@@ -1,4 +1,4 @@
-import { faArrowTurnDown, faSpinner } from "@fortawesome/free-solid-svg-icons";
+import { faArrowTurnDown } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { ChangeEvent, useEffect, useRef, useState } from "react";
 import { Participant } from "../../../../api";
@@ -338,7 +338,7 @@ const ParticipantList = ({
             colorScheme="blue"
             disabled={!action || anyLoading}
           >
-            {action || !anyLoading ? (
+            {!anyLoading ? (
               <>
                 <Kbd color="blue.500" pt="1" mr="1">
                   <FontAwesomeIcon

www/app/[domain]/transcripts/[transcriptId]/correct/topicHeader.tsx

@@ -61,8 +61,6 @@ export default function TopicHeader({
   };
 
   useEffect(() => {
-    console.log(currentTopic?.id);
-
     currentTopic?.id &&
       window.localStorage.setItem(transcriptId + "correct", currentTopic?.id);
   }, [currentTopic?.id]);

www/app/[domain]/transcripts/[transcriptId]/correct/topicPlayer.tsx

@@ -179,7 +179,6 @@ const TopicPlayer = ({
     mp3.media?.pause();
     setIsPlaying(false);
   };
-  console.log(topicTime);
 
   const isLoaded = !!(mp3.media && topicTime);
   return (

www/app/[domain]/transcripts/[transcriptId]/correct/topicWords.tsx

@@ -1,5 +1,4 @@
 import { Dispatch, SetStateAction, useEffect } from "react";
-import WaveformLoading from "../../waveformLoading";
 import { UseParticipants } from "../../useParticipants";
 import { UseTopicWithWords } from "../../useTopicWithWords";
 import { TimeSlice, selectedTextIsTimeSlice } from "./types";

www/app/[domain]/transcripts/useTopics.ts

@@ -18,7 +18,6 @@ const useTopics = (id: string): TranscriptTopics => {
   const [error, setErrorState] = useState<Error | null>(null);
   const { setError } = useError();
   const api = useApi();
-
   useEffect(() => {
     if (!id || !api) return;