fix(transcript): remove transcript header

Author: kaseyvee

src/components/media/transcript/transcript.css

@@ -1,23 +1,14 @@
 .rustic-transcript-container {
-  padding-top: 16px;
-  overflow-y: scroll;
-}
-
-.rustic-transcript-header {
   display: flex;
-  padding-bottom: 10px;
+  gap: 16px;
+  margin-top: 16px;
 }
 
-.rustic-transcript-header hr {
+.rustic-transcript-container hr {
   border-right-width: medium;
-  height: 21px;
-}
-
-.rustic-transcript-header span {
-  padding-left: 14px;
-  line-height: 1.5;
 }
 
 .rustic-transcript-content {
   max-height: 25vh;
+  overflow-y: scroll;
 }

src/components/media/transcript/transcript.tsx

@@ -14,14 +14,7 @@ export default function Transcript(props: TranscriptProps) {
 
   return (
     <Box className="rustic-transcript-container">
-      {!isFullscreen && (
-        <Box className="rustic-transcript-header">
-          <Divider orientation="vertical" flexItem />
-          <Typography variant="overline" color="text.secondary">
-            Transcript
-          </Typography>
-        </Box>
-      )}
+      {!isFullscreen && <Divider orientation="vertical" flexItem />}
       <Typography
         className="rustic-transcript-content"
         data-cy="transcript"