feat(member-live): unify the overview settings menu and add a reset-button tooltip

lib/mv_web/components/core_components.ex

@@ -589,17 +589,29 @@ defmodule MvWeb.CoreComponents do
                 </button>
                 <button
                   :if={@show_reset_button}
+                  id={"#{@testid}-reset"}
                   type="button"
                   role="menuitem"
                   aria-label={gettext("Reset to default")}
-                  title={gettext("Reset to default")}
+                  aria-describedby={"#{@testid}-reset-tooltip"}
                   phx-click="reset_fields"
                   phx-target={@phx_target}
+                  phx-hook="PopoverTooltip"
+                  data-tooltip-id={"#{@testid}-reset-tooltip"}
                   class="btn btn-xs btn-ghost"
                   data-testid="dropdown-reset"
                 >
                   <.icon name="hero-arrow-uturn-left" class="size-4" />
                 </button>
+                <div
+                  :if={@show_reset_button}
+                  id={"#{@testid}-reset-tooltip"}
+                  popover="manual"
+                  role="tooltip"
+                  class="popover-tooltip"
+                >
+                  {gettext("Reset to default")}
+                </div>
               </div>
             </div>
           </li>

lib/mv_web/live/components/sort_header_component.ex

@@ -37,7 +37,7 @@ defmodule MvWeb.Components.SortHeaderComponent do
         class="link link-hover no-underline w-full flex items-center gap-1 text-left text-current select-none"
         phx-click="sort"
         phx-value-field={@field}
-        phx-hook="SortTooltip"
+        phx-hook="PopoverTooltip"
         data-tooltip-id={@tooltip_id}
         data-testid={@field}
       >
@@ -54,7 +54,7 @@ defmodule MvWeb.Components.SortHeaderComponent do
           />
         <% end %>
       </button>
-      <div id={@tooltip_id} popover="manual" role="tooltip" class="sort-tooltip">
+      <div id={@tooltip_id} popover="manual" role="tooltip" class="popover-tooltip">
         {aria_sort(@field, @sort_field, @sort_order, @hint)}
       </div>
     </div>

lib/mv_web/live/components/view_settings_dropdown_component.ex

@@ -48,6 +48,7 @@ defmodule MvWeb.Components.ViewSettingsDropdownComponent do
         <li role="none" class="mb-1 px-2">
           <span class="font-semibold">{gettext("View settings")}</span>
         </li>
+        <li role="separator" class="divider my-1"></li>
 
         <.toggle_item
           setting="density"