replace transform edit page tooltip with hds tooltip

Author: emoncuso

ui/app/components/transformation-edit.hbs

@@ -1,6 +1,6 @@
 {{!
-  Copyright (c) HashiCorp, Inc.
-  SPDX-License-Identifier: BUSL-1.1
+Copyright (c) HashiCorp, Inc.
+SPDX-License-Identifier: BUSL-1.1
 }}
 
 <PageHeader as |p|>
@@ -32,22 +32,15 @@
     <ToolbarActions>
       {{#if this.model.updatePath.canDelete}}
         {{#if (gt this.model.allowed_roles.length 0)}}
-          <ToolTip @verticalPosition="above" @horizontalPosition="center" as |T|>
-            <T.Trigger @tabindex="-1">
-              <Hds::Button
-                @text="Delete transformation"
-                @color="secondary"
-                class="toolbar-button"
-                aria-disabled="true"
-                disabled
-              />
-            </T.Trigger>
-            <T.Content @defaultClass="tool-tip">
-              <div class="box">
-                This transformation is in use by a role and can’t be deleted.
-              </div>
-            </T.Content>
-          </ToolTip>
+          <Hds::TooltipButton @text="This transformation is in use by a role and can't be deleted.">
+            <Hds::Button
+              @text="Delete transformation"
+              @color="secondary"
+              class="toolbar-button"
+              aria-disabled="true"
+              disabled
+            />
+          </Hds::TooltipButton>
         {{else}}
           <Hds::Button
             @text="Delete transformation"
@@ -109,7 +102,7 @@
     </M.Header>
     <M.Body>
       <p>
-        You’re editing a transformation that is in use by at least one role. Editing it may mean that encode and decode
+        You're editing a transformation that is in use by at least one role. Editing it may mean that encode and decode
         operations stop working. Are you sure?
       </p>
     </M.Body>