Use fluxon components for remaining inputs

lib/music_library_web/components/add_record_component.ex

@@ -21,16 +21,14 @@ defmodule MusicLibraryWeb.AddRecordComponent do
         phx-submit="search"
         class="px-4"
       >
-        <.input
+        <Fluxon.Components.Input.input
           id={:mb_query}
           name={:mb_query}
           field={@form[:mb_query]}
-          type="text"
+          type="search"
           label={gettext("Search for a record")}
-          prompt={gettext("Search for a record")}
           phx-debounce="500"
-          autocorrect="off"
-          autocapitalize="none"
+          autocomplete="off"
           autofocus
         />
       </.simple_form>

lib/music_library_web/components/record_components.ex

@@ -197,15 +197,15 @@ defmodule MusicLibraryWeb.RecordComponents do
   def search_form(assigns) do
     ~H"""
     <form class="w-full sm:w-1/3" for={@query} phx-submit="search" phx-change="search">
-      <.input
+      <Fluxon.Components.Input.input
         type="search"
+        size="sm"
         id={:query}
         name={:query}
         value={@query}
         placeholder={gettext("Search")}
         phx-debounce="500"
-        autocorrect="off"
-        autocapitalize="none"
+        autocomplete="off"
       />
     </form>
     """