feat: 🎸 Add Hidden secret component within the view

Add hidden secret component within the view and delete duplicate code
(perhaps from a rebase)

addons/rose/addon/styles/rose/components/table/_table.scss

@@ -86,11 +86,11 @@
       }
     }
     .rose-table-header {
+      border-bottom: sizing.rems(xxxxs) solid var(--ui-gray-subtler-3);
       .rose-table-header-cell {
         $lineHeight: math.div(16, 14);
         line-height: $lineHeight;
         padding: sizing.rems(xs) sizing.rems(s);
-
         &:first-child {
           padding-left: 0;
         }

ui/desktop/app/styles/app.scss

@@ -464,17 +464,6 @@ $chevron-down: url("data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231
   }
 }
 
-.hidden-secret {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  color: var(--ui-gray-subtler-2);
-
-  .rose-button-ghost {
-    color: var(--ui-gray-subtler-1);
-  }
-}
-
 // Hidden secret component (app/components/hidden-secret)
 .hidden-secret {
   display: flex;

ui/desktop/app/templates/scopes/scope/projects/targets.hbs

@@ -105,13 +105,7 @@
                             <body.row as |row|>
                               <row.headerCell>{{secret.key}}</row.headerCell>
                               <row.cell colspan='2'>
-                                <Copyable
-                                  @text={{secret.value}}
-                                  @buttonText={{t 'actions.copy-to-clipboard'}}
-                                  @acknowledgeText={{t 'states.copied'}}
-                                >
-                                  {{secret.value}}
-                                </Copyable>
+                                <HiddenSecret @secret={{secret.value}} />
                               </row.cell>
                             </body.row>
                           {{/each}}