Merge branch 'main' into UI-Meeting

www/app/[domain]/browse/page.tsx

@@ -8,7 +8,7 @@ import { FaGear } from "react-icons/fa6";
 import { FaCheck, FaTrash, FaStar, FaMicrophone } from "react-icons/fa";
 import { MdError } from "react-icons/md";
 import useTranscriptList from "../transcripts/useTranscriptList";
-import { formatTime } from "../../lib/time";
+import { formatTimeMs } from "../../lib/time";
 import useApi from "../../lib/useApi";
 import { useError } from "../../(errors)/errorContext";
 import { FaEllipsisVertical } from "react-icons/fa6";
@@ -274,7 +274,7 @@ export default function TranscriptBrowser() {
                   <Text fontSize="small">
                     {new Date(item.created_at).toLocaleString("en-US")}
                     {"\u00A0"}-{"\u00A0"}
-                    {formatTime(Math.floor(item.duration / 1000))}
+                    {formatTimeMs(item.duration)}
                   </Text>
                   <ExpandableText noOfLines={5}>
                     {item.short_summary}

www/app/[domain]/transcripts/player.tsx

@@ -50,7 +50,6 @@ export default function Player(props: PlayerProps) {
       const _wavesurfer = WaveSurfer.create({
         container: waveformRef.current,
         peaks: [props.waveform.data],
-
         height: "auto",
         duration: Math.floor(props.mediaDuration / 1000),
         media: props.media,
@@ -161,7 +160,7 @@ export default function Player(props: PlayerProps) {
   const timeLabel = () => {
     if (props.mediaDuration && Math.floor(props.mediaDuration / 1000) > 0)
       return `${formatTime(currentTime)}/${formatTime(
-        Math.floor(props.mediaDuration / 1000),
+        Math.floor(props.mediaDuration / 1000)
       )}`;
     return "";
   };