feat: 🎸 Add table header for hosts list within targets

Add table header for hosts list within targets

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

@@ -3,6 +3,15 @@
 {{#if @model.hosts}}
 
   <Rose::Table as |table|>
+    <table.header as |header|>
+      <header.row as |row|>
+        <row.headerCell>{{t 'form.name.label'}}</row.headerCell>
+        <row.headerCell>{{t 'form.id.label'}}</row.headerCell>
+        <row.headerCell>{{t 'form.type.label'}}</row.headerCell>
+        <row.headerCell>{{t 'form.address.label'}}</row.headerCell>
+        <row.headerCell />
+      </header.row>
+    </table.header>
     <table.body as |body|>
       {{#each @model.hosts as |host|}}
         <body.row as |row|>
@@ -19,12 +28,12 @@
               <code>{{host.id}}</code>
             </Copyable>
           </row.cell>
-          <row.cell>{{host.attributes.address}}</row.cell>
           <row.cell>
             <Rose::Badge>{{t
                 (concat 'resources.host.types.' host.type)
               }}</Rose::Badge>
           </row.cell>
+          <row.cell>{{host.attributes.address}}</row.cell>
           <row.cell>
             <Rose::Button
               @style='secondary'