refactor: 💡 update code tag to use Hds::Text::Code (#2805)

* refactor: 💡 update code tag to use Hds::Text::Code

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

* refactor: 💡 remove explicit code tag attribute

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

* refactor: 💡 fix extra white space

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

* refactor: 💡 remove color from p span style for workers

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

ui/admin/app/components/form/group/add-members/index.hbs

@@ -41,7 +41,11 @@
               {{/if}}
             </Hds::Form::Checkbox::Field>
           </B.Td>
-          <B.Td><code>{{B.data.id}}</code></B.Td>
+          <B.Td>
+            <Hds::Text::Code>
+              {{B.data.id}}
+            </Hds::Text::Code>
+          </B.Td>
           <B.Td><ScopeBadge @scope={{B.data.scopeModel}} /></B.Td>
           <B.Td>{{B.data.description}}</B.Td>
         </B.Tr>

ui/admin/app/components/form/target/add-host-sets/index.hbs

@@ -40,7 +40,11 @@
           </B.Td>
           <B.Td>{{B.data.name}}</B.Td>
           <B.Td><HostCatalogTypeBadge @model={{B.data}} /></B.Td>
-          <B.Td><code>{{B.data.host_catalog_id}}</code></B.Td>
+          <B.Td>
+            <Hds::Text::Code>
+              {{B.data.host_catalog_id}}
+            </Hds::Text::Code>
+          </B.Td>
         </B.Tr>
       </:body>
     </Hds::Table>

ui/admin/app/components/form/user/add-accounts/index.hbs

@@ -44,7 +44,11 @@
               @text={{t (concat 'resources.auth-method.types.' B.data.type)}}
             />
           </B.Td>
-          <B.Td><code>{{B.data.auth_method_id}}</code></B.Td>
+          <B.Td>
+            <Hds::Text::Code>
+              {{B.data.auth_method_id}}
+            </Hds::Text::Code>
+          </B.Td>
         </B.Tr>
       </:body>
     </Hds::Table>

ui/admin/app/components/form/worker/create-worker-led/index.hbs

@@ -209,9 +209,10 @@
 
     <Hds::Text::Body @tag='p' @size='300' class='p'>
       {{t 'resources.worker.form.steps.2.copy_registration_request'}}
-      <code>{{t
+      <Hds::Text::Code @size='300' @color='primary'>
+        {{t
           'resources.worker.form.steps.3.worker_auth_registration_request.label'
-        }}</code>.
+        }}</Hds::Text::Code>.
     </Hds::Text::Body>
   </div>
 

ui/admin/app/styles/app.scss

@@ -249,10 +249,9 @@
     margin-bottom: sizing.rems(l);
   }
 
-  > p code {
+  > p span {
     background-color: var(--token-color-surface-strong);
     border-radius: 5px;
-    color: var(--token-color-foreground-primary);
     padding: sizing.rems(xxxs) sizing.rems(xxs);
   }