UI: Refactoring

ui-ngx/src/app/modules/home/pages/device/device-check-connectivity-dialog.component.html

@@ -91,6 +91,10 @@
               </ng-template>
               <ng-template matTabContent>
                 <div class="tb-form-panel no-padding no-border tb-tab-body">
+                  <div class="tb-form-panel stroked">
+                    <div class="tb-form-panel-title" translate>device.connectivity.install-necessary-client-tools</div>
+                    <div class="tb-install-instruction-text" translate>device.connectivity.install-curl-macos</div>
+                  </div>
                   <ng-container
                     *ngTemplateOutlet="executeCommand; context: {cmd: {
                               noSecLabel: 'HTTP', noSec: commands.http.http,

ui-ngx/src/assets/locale/locale.constant-en_US.json

@@ -1402,6 +1402,7 @@
             "use-following-instructions": "Use the following instructions for sending telemetry on behalf of the device using shell",
             "execute-following-command": "Execute the following command",
             "install-curl-windows": "Starting Windows 10 b17063, cURL is available by default",
+            "install-curl-macos": "Starting Mac OS X 10.2 6C115 (Jaguar), cURL is available by default",
             "install-mqtt-windows": "Use the instructions to download, install, setup and run mosquitto_pub",
             "install-coap-client": "Use the instructions to download, install, setup and run coap-client",
             "install-necessary-client-tools": "Install necessary client tools",