UI: HDS adoption replace <Modal> (#23382)

* UI: Part 1 - hds adoption replace <Modal> (#23363)

* replace policy-form modal

* replace clients/attribution modal

* clients/config modal

* scope form odal

* remove button type

* include toolbar to match other example templates

* rotate credentials modal

* add toolbar button class for hds buttons

* transformation-edit modal

* add back test selector

* add route arg to button!

* update link status

* fix link-status tests

* remove prevent default

* update db tests

* update tests

* use page alert for hcp link status banner

* fix scopy button selector

* fix sidebar test

* change to neutral banner

* UI: Part 2 - hds adoption replace <Modal>  (#23398)

* upgrade HDS library (adds support for snippet containers

* cleanup flight icons

* replace transit key action modals

* re-add deps as devDeps

* remove line

* address transit tests

* UI: Part 3 - hds adoption replace <Modal> (#23415)

* cleanup css

* cleanup extra type attr

* masked input download modal

* use Hds::Button in  download button"

* fix size of modal

* tiny icon fix

* refactor download button to always render download icon

* update tests

* UI: Part 3.5 - hds adoption replace <Modal> (#23448)

* replication-promote modal

* replication component modals

* replication add secondary modal

* move update text for diff

* UI: Part 4 - hds adoption replace <Modal>  (#23451)

* k8 configure modal

* kv delete modal

* ldap modals

* pki modals

* add trash icon

* move deps

* UI: Part 5 - hds adoption replace <Modal> (#23471)

* replace confirmation modals
---------

* UI: Part 6 - hds adoption replace <Modal>  (#23484)

* search select with modal

* policy search select modal

* replace date dropdown for client dashboard

* change padding to top

* update policy example args

* lolllll test typo wow

* update dropdown tests

* shamir flow modals!

* add one more container

* update test selectors

* UI: Final hds adoption replace <Modal> cleanup PR (#23522)

* search select with modal

* policy search select modal

* replace date dropdown for client dashboard

* change padding to top

* update policy example args

* lolllll test typo wow

* update dropdown tests

* shamir flow modals!

* add one more container

* update test selectors

* remove wormhole and modal component

* fix selectors

* uninstall wormhole

* remove shamir-modal-flow class

* fix confirm modal test

* fix pki and kv test

* fix toolbar selector kv

* client and download button test

* fix-confirmation-modal-padding

* fix replication modal tests so relevant modal opens (#23540)

* more confirmation modal tests

* adds changelog

ui/tests/integration/components/search-select-with-modal-test.js

@@ -74,8 +74,7 @@ module('Integration | Component | search select with modal', function (hooks) {
       @excludeOptions={{array "root"}}
       @subText="Some modal subtext"
     />
-    <div id="modal-wormhole"></div>
-  `);
+      `);
     assert.dom('[data-test-search-select-with-modal]').exists('the component renders');
     assert.dom('[data-test-modal-subtext]').hasText('Some modal subtext', 'renders modal text');
     assert.strictEqual(component.labelText, 'Policies', 'label text is correct');
@@ -127,8 +126,7 @@ module('Integration | Component | search select with modal', function (hooks) {
       @fallbackComponent="string-list"
       @modalFormTemplate="modal-form/policy-template"
     />
-    <div id="modal-wormhole"></div>
-  `);
+      `);
 
     await clickTrigger();
     assert.strictEqual(component.options.length, 4, 'dropdown renders all options');
@@ -146,7 +144,7 @@ module('Integration | Component | search select with modal', function (hooks) {
     );
     await component.selectOption();
 
-    assert.dom('[data-test-modal-div]').hasAttribute('class', 'modal is-info is-active', 'modal is active');
+    assert.dom('.hds-modal#search-select-modal').exists('modal is active');
     assert.dom('[data-test-empty-state-title]').hasText('No policy type selected');
     assert.ok(this.onChange.notCalled, 'onChange is not called');
   });
@@ -175,8 +173,7 @@ module('Integration | Component | search select with modal', function (hooks) {
       @fallbackComponent="string-list"
       @modalFormTemplate="modal-form/policy-template"
     />
-    <div id="modal-wormhole"></div>
-  `);
+      `);
     await clickTrigger();
     await typeInSearch('acl-test-new');
     assert.strictEqual(
@@ -228,8 +225,7 @@ module('Integration | Component | search select with modal', function (hooks) {
       @fallbackComponent="string-list"
       @modalFormTemplate="modal-form/policy-template"
     />
-    <div id="modal-wormhole"></div>
-  `);
+      `);
 
     assert.dom('[data-test-search-select-with-modal]').exists('the component renders');
     assert.dom('[data-test-component="string-list"]').doesNotExist('does not render fallback component');
@@ -266,8 +262,7 @@ module('Integration | Component | search select with modal', function (hooks) {
       @fallbackComponent="string-list"
       @modalFormTemplate="modal-form/policy-template"
     />
-    <div id="modal-wormhole"></div>
-  `);
+      `);
     assert.dom('[data-test-component="string-list"]').exists('renders fallback component');
     assert.false(component.hasTrigger, 'does not render power select trigger');
     await fillIn('[data-test-string-list-input="0"]', 'string-list-policy');