refactor: use core components

lib/mv_web/live/role_live/index.html.heex

@@ -59,28 +59,29 @@
       </div>
 
       <%= if can?(@current_user, :update, Mv.Authorization.Role) do %>
-        <.link navigate={~p"/admin/roles/#{role}/edit"} class="btn btn-ghost btn-sm">
+        <.button variant="ghost" size="sm" navigate={~p"/admin/roles/#{role}/edit"}>
           <.icon name="hero-pencil" class="size-4" />
-          {gettext("Edit")}
-        </.link>
+          {gettext("Edit role")}
+        </.button>
       <% end %>
     </:action>
 
     <:action :let={role}>
       <%= if can?(@current_user, :destroy, Mv.Authorization.Role) and not role.is_system_role do %>
-        <.link
+        <.button
+          variant="danger"
+          size="sm"
           phx-click={JS.push("delete", value: %{id: role.id}) |> hide("#row-#{role.id}")}
           data-confirm={gettext("Are you sure?")}
-          class="btn btn-ghost btn-sm text-error"
         >
           <.icon name="hero-trash" class="size-4" />
           {gettext("Delete")}
-        </.link>
+        </.button>
       <% else %>
-        <div
+        <.tooltip
           :if={role.is_system_role}
-          class="tooltip tooltip-left"
-          data-tip={gettext("System roles cannot be deleted")}
+          content={gettext("System roles cannot be deleted")}
+          position="left"
         >
           <button
             class="btn btn-ghost btn-sm text-error opacity-50 cursor-not-allowed"
@@ -90,7 +91,7 @@
             <.icon name="hero-trash" class="size-4" />
             {gettext("Delete")}
           </button>
-        </div>
+        </.tooltip>
       <% end %>
     </:action>
   </.table>