fix: keep search term while sorting

lib/mv_web/live/components/sort_header_component.ex

@@ -2,9 +2,9 @@ defmodule MvWeb.Components.SortHeaderComponent do
   @moduledoc """
   Sort Header that can be used as column header and sorts a table:
   Props:
-    - field: atom()                     # Ash‑Field for sorting
-    - label: string()                   # Column Heading (can be aan heex templyte)
-    - sort_field: atom() | nil             # current sort-field from parent liveview
+    - field: atom()                     # Ash Field for sorting
+    - label: string()                   # Column Heading (can be an heex template)
+    - sort_field: atom() | nil             # current sort field from parent liveview
     - sort_order: :asc | :desc | nil      # current sorting order
   """
   use MvWeb, :live_component
@@ -19,25 +19,27 @@ defmodule MvWeb.Components.SortHeaderComponent do
   @impl true
   def render(assigns) do
     ~H"""
-    <button
-      type="button"
-      aria-label={aria_sort(@field, @sort_field, @sort_order)}
-      class="btn btn-ghost select-none"
-      phx-click="sort"
-      phx-value-field={@field}
-      phx-target={@myself}
-      data-testid={@field}
-    >
-      {@label}
-      <%= if @sort_field == @field do %>
-        <.icon name={if @sort_order == :asc, do: "hero-chevron-up", else: "hero-chevron-down"} />
-      <% else %>
-        <.icon
-          name="hero-chevron-up-down"
-          class="opacity-40"
-        />
-      <% end %>
-    </button>
+    <div class="tooltip" data-tip={aria_sort(@field, @sort_field, @sort_order)}>
+      <button
+        type="button"
+        aria-label={aria_sort(@field, @sort_field, @sort_order)}
+        class="btn btn-ghost select-none"
+        phx-click="sort"
+        phx-value-field={@field}
+        phx-target={@myself}
+        data-testid={@field}
+      >
+        {@label}
+        <%= if @sort_field == @field do %>
+          <.icon name={if @sort_order == :asc, do: "hero-chevron-up", else: "hero-chevron-down"} />
+        <% else %>
+          <.icon
+            name="hero-chevron-up-down"
+            class="opacity-40"
+          />
+        <% end %>
+      </button>
+    </div>
     """
   end
 
@@ -48,7 +50,7 @@ defmodule MvWeb.Components.SortHeaderComponent do
   end
 
   # -------------------------------------------------
-  # Hilfsfunktionen für ARIA‑Attribute & Icon‑SVG
+  # Hilfsfunktionen für ARIA Attribute & Icon SVG
   # -------------------------------------------------
   defp aria_sort(field, sort_field, dir) when field == sort_field do
     case dir do