Migrate to typescript

www/app/transcripts/scrollToBottom.tsx

@@ -0,0 +1,23 @@
+type ScrollToBottomProps = {
+  visible: boolean;
+  hasFinalSummary: boolean;
+  handleScrollBottom: () => void;
+};
+
+export default function ScrollToBottom(props: ScrollToBottomProps) {
+  return (
+    <div
+      className={`absolute right-5 w-10 h-10 ${
+        props.visible ? "flex" : "hidden"
+      } ${
+        props.hasFinalSummary ? "top-[49%]" : "bottom-1"
+      } justify-center items-center text-2xl cursor-pointer opacity-70 hover:opacity-100 transition-opacity duration-200 animate-bounce rounded-xl border-slate-400 bg-[#3c82f638] text-[#3c82f6ed]`}
+      onClick={() => {
+        props.handleScrollBottom();
+        return false;
+      }}
+    >
+      &#11015;
+    </div>
+  );
+}