Fix position of scrobble search form

lib/music_library_web/live/scrobble_live/index.html.heex

@@ -1,17 +1,13 @@
 <Layouts.app flash={@flash} current_section={@current_section} socket={@socket}>
   <div>
-    <div
-      :if={!@can_scrobble?}
-      class="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4 mt-4"
-    >
+    <header class="gap-6 mb-2">
+      <div class="flex items-center justify-between gap-6 mb-2 mt-2">
+        <.search_form query={@search_query} />
         <.button :if={!@can_scrobble?} size="sm" href={LastFm.auth_url()}>
           {gettext("Connect your Last.fm account")}
         </.button>
       </div>
-
-    <div class="mt-6 space-y-6">
-      <.search_form query={@search_query} />
-
+    </header>
     <%= if @search_results != [] && @selected_release_group == nil do %>
       <div class="space-y-3">
         <h3 class="text-lg font-semibold">{gettext("Release Groups")}</h3>
@@ -142,5 +138,4 @@
       </div>
     <% end %>
   </div>
-  </div>
 </Layouts.app>