refactor: Fold `Recorder` functional component into upload_form

lib/medical_transcription_web/components/components.ex

@@ -5,7 +5,7 @@ defmodule MedicalTranscriptionWeb.Components do
 
   use Phoenix.Component
   import MedicalTranscriptionWeb.CoreComponents
-  alias MedicalTranscriptionWeb.Components.{Recorder, TranscriptionTextComponent}
+  alias MedicalTranscriptionWeb.Components.TranscriptionTextComponent
   use MedicalTranscriptionWeb, :verified_routes
 
   def upload_form(assigns) do
@@ -17,7 +17,13 @@ defmodule MedicalTranscriptionWeb.Components do
       class="w-full flex flex-col items-center gap-[21px]"
     >
       <div class="w-full px-4 py-[19px] rounded-[10px] flex items-center bg-light-divider">
-        <Recorder.recorder />
+        <button
+          type="button"
+          phx-click="toggle_recording"
+          class="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>
 
         <label
           for={@audio_upload.ref}

lib/medical_transcription_web/components/recorder.ex

@@ -1,28 +0,0 @@
-defmodule MedicalTranscriptionWeb.Components.Recorder do
-  @moduledoc """
-  Phoenix component for displaying a recording button.
-  """
-
-  use Phoenix.Component
-  import MedicalTranscriptionWeb.CoreComponents
-
-  def recorder(assigns) do
-    ~H"""
-    <button
-      type="button"
-      phx-click="toggle_recording"
-      class={"mr-2 h-full px-3 py-2.5 rounded-lg border border-slate-400 #{button_classes(false)}"}
-    >
-      <.icon name="hero-microphone" class="w-6 h-6" />
-    </button>
-    """
-  end
-
-  defp button_classes(recording) do
-    if recording do
-      "border border-red-300 bg-red-200"
-    else
-      "border border-emerald-300 bg-emerald-200"
-    end
-  end
-end