Implement multi tenancy

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

@@ -0,0 +1,23 @@
+type LiveTranscriptionProps = {
+  text: string;
+  translateText: string;
+};
+
+export default function LiveTrancription(props: LiveTranscriptionProps) {
+  return (
+    <div className="text-center p-4">
+      <p
+        className={`text-lg md:text-xl lg:text-2xl font-bold ${
+          props.translateText ? "line-clamp-2 lg:line-clamp-5" : "line-clamp-4"
+        }`}
+      >
+        {props.text}
+      </p>
+      {props.translateText && (
+        <p className="text-base md:text-lg lg:text-xl font-bold line-clamp-2 lg:line-clamp-4 mt-4">
+          {props.translateText}
+        </p>
+      )}
+    </div>
+  );
+}