Code Snippet Updates (#22917)

* updates code-snippet component styling and adds it to ldap library accounts view

* adds comment back in to code-snippet template

ui/lib/core/addon/components/code-snippet.hbs

@@ -3,13 +3,15 @@
   SPDX-License-Identifier: BUSL-1.1
 ~}}
 
-<div data-test-code-snippet class="code-snippet-container" ...attributes>
-  <code class="text-grey-lightest">
-    {{@codeBlock}}
-  </code>
+<div
+  class="has-padding-s has-background-gray-900 border-radius-4 is-flex-between is-flex-center"
+  data-test-code-snippet
+  ...attributes
+>
+  <code class="has-text-white is-size-7">{{@codeBlock}}</code>
   {{! replace with Hds::Copy::Button }}
   <CopyButton
-    class="code-snippet-copy-button"
+    class="button is-compact is-transparent has-text-grey-light"
     @clipboardText={{or @clipboardCode @codeBlock}}
     @buttonType="button"
     @success={{action (set-flash-message "Code copied!")}}