manage_user_modal: Update deactivate user button design.

This commit updates the "Deactivate User" button in the manage user
modal to use the new action button component.

Fixes part of #33027.

web/src/tippyjs.ts

@@ -375,10 +375,7 @@ export function initialize(): void {
     });
 
     tippy.delegate("body", {
-        target: [
-            "#deactivate_account_container.disabled_setting_tooltip",
-            "#edit-user-form .deactivate_user_button_tooltip",
-        ].join(","),
+        target: "#deactivate_account_container.disabled_setting_tooltip",
         content: $t({
             defaultMessage:
                 "Because you are the only organization owner, you cannot deactivate your account.",

web/src/user_profile.ts

@@ -1140,7 +1140,6 @@ export function show_edit_user_info_modal(user_id: number, $container: JQuery):
         full_name: person.full_name,
         user_role_values: settings_config.user_role_values,
         disable_role_dropdown: person.is_owner && !current_user.is_owner,
-        owner_is_only_user_in_organization: people.get_active_human_count() === 1,
         is_active,
     });
 

web/templates/settings/admin_human_form.hbs

@@ -28,11 +28,7 @@
     </form>
     <div class="input-group">
         {{#if is_active}}
-        <span {{#if owner_is_only_user_in_organization}}class="deactivate_user_button_tooltip"{{/if}}>
-            <button class="button rounded button-danger deactivate_user_button" {{#if owner_is_only_user_in_organization}}disabled="disabled"{{/if}}>
-                {{t 'Deactivate user' }}
-            </button>
-        </span>
+        {{> ../components/action_button custom_classes="deactivate_user_button" type="quiet" intent="danger" label=(t "Deactivate user") aria-label=(t "Deactivate user") }}
         {{else}}
         <span>
             <button class="button rounded reactivate_user_button">