[APM] Fix styling and port issue with new onboarding (#163922)

## Summary

Closes https://github.com/elastic/kibana/issues/163441

Fixes:
- Node JS tab padding issue (Serverless)
- Make fields for OTel Copyable (Both Serverless and Stateful)
- Add port to all the Managed Service URL links for all Agents
(Serverless)

### Before

![Before
Issues](83b27057-aee9-46f4-beb5-ecdc9bf71418)

### After

![After
FIx](5a5d43cf-2597-4904-a570-dd5943c86a6f)

---------

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

x-pack/plugins/apm/public/components/app/onboarding/agent_config_table.tsx

@@ -53,7 +53,12 @@ function ConfigurationValueColumn({
       </EuiText>
       {value && (
         <EuiButtonIcon
-          aria-label="Copy to clipboard"
+          aria-label={i18n.translate(
+            'xpack.apm.onboarding.column.value.copyIconText',
+            {
+              defaultMessage: 'Copy to clipboard',
+            }
+          )}
           color="text"
           iconType="copy"
           onClick={() => copyToClipboard(value)}

x-pack/plugins/apm/public/components/app/onboarding/instructions/otel_agent.tsx

@@ -7,9 +7,11 @@
 
 import { i18n } from '@kbn/i18n';
 import {
+  copyToClipboard,
   EuiBasicTable,
   EuiBasicTableColumn,
   EuiButton,
+  EuiButtonIcon,
   EuiLink,
   EuiMarkdownFormat,
   EuiSpacer,
@@ -144,9 +146,24 @@ function ConfigurationValueColumn({
   }
 
   return (
-    <EuiText size="s" color="accent">
-      {value}
-    </EuiText>
+    <>
+      <EuiText size="s" color="accent">
+        {value}
+      </EuiText>
+      {value && (
+        <EuiButtonIcon
+          aria-label={i18n.translate(
+            'xpack.apm.onboarding.otel.column.value.copyIconText',
+            {
+              defaultMessage: 'Copy to clipboard',
+            }
+          )}
+          color="text"
+          iconType="copy"
+          onClick={() => copyToClipboard(value)}
+        />
+      )}
+    </>
   );
 }
 

x-pack/plugins/apm/public/components/app/onboarding/instructions_set.tsx

@@ -14,6 +14,7 @@ import {
   EuiSpacer,
 } from '@elastic/eui';
 import React, { useState } from 'react';
+import { useEuiTheme } from '@elastic/eui';
 import {
   INSTRUCTION_VARIANT,
   getDisplayText,
@@ -44,10 +45,11 @@ export function InstructionsSet({
   const onSelectedTabChange = (tab: string) => {
     setSelectedTab(tab);
   };
+  const { euiTheme } = useEuiTheme();
 
   function InstructionTabs({ agentTabs }: { agentTabs: AgentTab[] }) {
     return (
-      <EuiTabs>
+      <EuiTabs style={{ padding: `0 ${euiTheme.size.l}` }}>
         {agentTabs.map((tab) => (
           <EuiTab
             key={tab.id}

x-pack/plugins/apm/public/components/app/onboarding/serverless_instructions.ts

@@ -48,7 +48,7 @@ export function serverlessInstructions(
   const displayApiKeyErrorCallout = error && Boolean(errorMessage);
   const commonOptions: AgentInstructions = {
     baseUrl,
-    apmServerUrl: config.managedServiceUrl,
+    apmServerUrl: `${config.managedServiceUrl}:443`,
     checkAgentStatus,
     agentStatus,
     agentStatusLoading,

x-pack/plugins/apm/public/tutorial/config_agent/opentelemetry_instructions.tsx

@@ -13,6 +13,8 @@ import {
   EuiSpacer,
   EuiText,
   EuiBasicTableColumn,
+  EuiButtonIcon,
+  copyToClipboard,
 } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
 import { ValuesType } from 'utility-types';
@@ -75,9 +77,24 @@ export function OpenTelemetryInstructions({
         }
       ),
       render: (_, { value }) => (
-        <EuiText size="s" color="accent">
-          {value}
-        </EuiText>
+        <>
+          <EuiText size="s" color="accent">
+            {value}
+          </EuiText>
+          {value && (
+            <EuiButtonIcon
+              aria-label={i18n.translate(
+                'xpack.apm.tutorial.config_otel.column.value.copyIconText',
+                {
+                  defaultMessage: 'Copy to clipboard',
+                }
+              )}
+              color="text"
+              iconType="copy"
+              onClick={() => copyToClipboard(value)}
+            />
+          )}
+        </>
       ),
     },
     {