chore: Allow clearing selected code

lib/medical_transcription_web/components/code_select.ex

@@ -49,9 +49,14 @@ defmodule MedicalTranscriptionWeb.Components.CodeSelect do
           </div>
         <% end %>
       <% else %>
-        <p class="leading-normal font-bold text-type-black-primary uppercase">
-          User-selected code
-        </p>
+        <div class="flex justify-between">
+          <p class="leading-normal font-bold text-type-black-primary uppercase">
+            User-selected code
+          </p>
+          <button type="button" phx-click="clear-code" phx-target={@myself}>
+            <.icon name="hero-x-circle" />
+          </button>
+        </div>
 
         <.tag_result
           code_vector_id={@selected_code.id}
@@ -79,4 +84,14 @@ defmodule MedicalTranscriptionWeb.Components.CodeSelect do
 
     {:noreply, assign(socket, :selected_code, selected_code)}
   end
+
+  @impl Phoenix.LiveComponent
+  def handle_event("clear-code", _params, socket) do
+    socket =
+      socket
+      |> assign(:codes, [])
+      |> assign(:selected_code, nil)
+
+    {:noreply, socket}
+  end
 end