refactor: 💡 add "Connect for more info" panel to target details (#1819)

✅ Closes: ICU-10283

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

@@ -26,7 +26,18 @@
   <page.body>
     <div class='copy-url-container'>{{t 'actions.copy-to-clipboard'}}</div>
     <Rose::Layout::BodyContent as |bc|>
-      <bc.Body class='target-details-body'>{{@model.displayName}}</bc.Body>
+      <bc.Body class='target-details-body'>
+        <Hds::ApplicationState as |A|>
+          <A.Header
+            @title={{t 'resources.target.messages.connect-more-info.title'}}
+          />
+          <A.Body
+            @text={{t
+              'resources.target.messages.connect-more-info.description'
+            }}
+          />
+        </Hds::ApplicationState>
+      </bc.Body>
       <bc.Sidebar class='target-details-sidebar'>{{@model.id}}</bc.Sidebar>
     </Rose::Layout::BodyContent>
   </page.body>