refactor: 💡 Replace rose::separator comp with hds::separator (#2613)

* refactor: 💡 Replace rose::separator comp with hds::separator

This PR replaces the rose::separator with the hds::separator and removes
an integration test that is no longer needed

✅ Closes: ICU-15646

* retire rose::separator and remove styling

* remove separator import

* remove separator.js

addons/rose/addon/components/rose/separator/index.hbs

@@ -1,6 +0,0 @@
-{{!
-  Copyright (c) HashiCorp, Inc.
-  SPDX-License-Identifier: BUSL-1.1
-}}
-
-<hr class='rose-separator' />

addons/rose/app/components/rose/separator.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: BUSL-1.1
- */
-
-export { default } from 'rose/components/rose/separator';

addons/rose/app/styles/rose/components/_frame.scss

@@ -42,10 +42,5 @@ $xxxxs: sizing.rems(xxxxs); // 1
     $body-padding: $l;
 
     padding: $body-padding;
-
-    > .rose-separator {
-      margin-left: -$body-padding;
-      margin-right: -$body-padding;
-    }
   }
 }

addons/rose/app/styles/rose/components/_index.scss

@@ -15,7 +15,6 @@
 @import 'card';
 @import 'cards';
 @import 'page-header';
-@import 'separator';
 @import 'nav';
 @import 'toolbar';
 @import 'code-editor';

addons/rose/app/styles/rose/components/_separator.scss

@@ -1,13 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: BUSL-1.1
- */
-
-@use '../variables/sizing';
-
-.rose-separator {
-  background-color: var(--ui-gray-subtler-3);
-  border: 0;
-  height: sizing.rems(xxxxs);
-  margin: sizing.rems(l) 0;
-}

addons/rose/tests/integration/components/rose/separator-test.js

@@ -1,18 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: BUSL-1.1
- */
-
-import { module, test } from 'qunit';
-import { setupRenderingTest } from 'ember-qunit';
-import { render, find } from '@ember/test-helpers';
-import { hbs } from 'ember-cli-htmlbars';
-
-module('Integration | Component | rose/separator', function (hooks) {
-  setupRenderingTest(hooks);
-
-  test('it renders', async function (assert) {
-    await render(hbs`<Rose::Separator />`);
-    assert.ok(find('.rose-separator'));
-  });
-});

ui/admin/app/templates/scopes/scope/authenticate.hbs

@@ -39,8 +39,7 @@
 
             {{/each}}
           </Rose::Dropdown>
-
-          <Rose::Separator />
+          <Hds::Separator />
 
           <Rose::Nav::Tabs as |nav|>
             {{#each @model.authMethods as |authMethod|}}