fix: remove unused code - whoops

app/page.tsx

@@ -1,8 +1,5 @@
 import Image from "next/image";
 import Microphone from "./microphone";
-import { TranscriptionContextProvider } from "@/context/transcription";
-import Captions from "./captions";
-
 export default async function Home() {
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">
@@ -31,10 +28,7 @@ export default async function Home() {
       </div>
 
       <div className="relative flex w-screen max-w-screen-lg place-items-center before:pointer-events-none after:pointer-events-none before:absolute before:right-0 after:right-1/4 before:h-[300px] before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px]">
-        <TranscriptionContextProvider>
-          <Microphone />
-          <Captions />
-        </TranscriptionContextProvider>
+        <Microphone />
       </div>
 
       <div className="mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left">