chore!: Disable audio recording buttons for now

lib/medical_transcription_web/components/components.ex

@@ -27,8 +27,10 @@ defmodule MedicalTranscriptionWeb.Components do
       <div class="w-full px-4 py-[19px] rounded-[10px] flex items-center bg-light-divider">
         <button
           type="button"
+          disabled
           phx-click="toggle_recording"
-          class="mr-2 h-full px-3 py-2.5 rounded-lg border border-emerald-300 bg-emerald-200"
+          title="Not available"
+          class="cursor-not-allowed mr-2 h-full px-3 py-2.5 rounded-lg border border-emerald-300 bg-emerald-200"
         >
           <.icon name="hero-microphone" class="w-6 h-6" />
         </button>
@@ -132,7 +134,12 @@ defmodule MedicalTranscriptionWeb.Components do
   # Renders the record button within the result_heading component
   defp record_button_in_heading(assigns) when assigns.status == :streaming_audio do
     ~H"""
-    <button phx-click="toggle_recording" class="mr-6 px-4 py-3 bg-red-200 rounded-lg">
+    <button
+      disabled
+      phx-click="toggle_recording"
+      title="Not available"
+      class="cursor-not-allowed mr-6 px-4 py-3 bg-red-200 rounded-lg"
+    >
       <.icon name="hero-microphone" class="animate-pulse" />
     </button>
     """
@@ -140,7 +147,12 @@ defmodule MedicalTranscriptionWeb.Components do
 
   defp record_button_in_heading(assigns) do
     ~H"""
-    <button phx-click="toggle_recording" class="mr-6 px-4 py-3 bg-emerald-200 rounded-lg">
+    <button
+      disabled
+      phx-click="toggle_recording"
+      title="Not available"
+      class="cursor-not-allowed mr-6 px-4 py-3 bg-emerald-200 rounded-lg"
+    >
       <.icon name="hero-microphone" />
     </button>
     """