refactor: 💡 use hds::applicationstate instead of rose::message (#2577)

* refactor: 💡 use hds::applicationstate instead of rose::message

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-15639

addons/rose/app/components/rose/message.js

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

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

@@ -17,7 +17,6 @@
 @import 'page-header';
 @import 'separator';
 @import 'nav';
-@import 'message';
 @import 'toolbar';
 @import 'code-editor';
 @import 'metadata-list';

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

@@ -1,74 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: BUSL-1.1
- */
-
-@use '../utilities/type';
-@use '../variables/sizing';
-@use '../variables/media';
-
-.rose-message {
-  --message-color: var(--ui-gray-starker-1);
-
-  display: flex;
-  flex-direction: column;
-  color: var(--message-color);
-  width: sizing.rems(l) * 15; // 16 rems/320 px
-  margin-bottom: sizing.rems(l);
-
-  @media (width <= (media.width(small))) {
-    width: auto;
-  }
-
-  // Icons always need tweaking
-  .rose-icon {
-    --size: #{sizing.rems(m)};
-
-    > svg {
-      vertical-align: text-bottom;
-    }
-  }
-
-  .rose-message-header {
-    display: grid;
-    grid-template-areas:
-      'icon title'
-      'icon subtitle';
-    grid-auto-columns: auto 1fr;
-    margin-bottom: sizing.rems(m);
-
-    .rose-icon {
-      // targeting 40px
-      --size: #{sizing.rems(xl) + sizing.rems(xxs)};
-
-      grid-area: icon;
-      margin-right: sizing.rems(s);
-    }
-
-    .rose-message-title {
-      @include type.type(l, semibold);
-
-      grid-area: title;
-      margin: 0;
-    }
-
-    .rose-message-subtitle {
-      @include type.type(s, normal);
-
-      grid-area: subtitle;
-      margin: 0;
-    }
-  }
-
-  .rose-message-body {
-    display: grid;
-    grid-template-areas:
-      'description description'
-      'left-link right-link';
-
-    .rose-message-description {
-      grid-area: description;
-      margin-bottom: sizing.rems(l);
-    }
-  }
-}