[8.15] OTel Onboarding: Add feedback button (#188216) (#188399)

# Backport

This will backport the following commits from `main` to `8.15`:
- [OTel Onboarding: Add feedback button
(#188216)](https://github.com/elastic/kibana/pull/188216)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Joe
Reuter","email":"johannes.reuter@elastic.co"},"sourceCommit":{"committedDate":"2024-07-16T07:57:12Z","message":"OTel
Onboarding: Add feedback button (#188216)\n\nAs a last-minute addition,
this is adding a feedback button to the OTel\r\nflow so users have a way
of leaving feedback:\r\n\r\n<img width=\"1413\" alt=\"Screenshot
2024-07-12 at 15 16
38\"\r\nsrc=\"https://github.com/user-attachments/assets/61c5529d-8956-49f4-84b7-b977eb179f74\">\r\n\r\nThe
button is linking to https://ela.st/otel-onboarding-feedback
which\r\nwill redirect to a targeted google form feedback
form.\r\n\r\nThis PR is not attempting to
close\r\nhttps://github.com/elastic/observability-dev/issues/3734 - for
this, we\r\nneed to add a few other things and I would like to decouple
this from\r\nthe 8.15
release.","sha":"735eb52dd6cdfc47109dd1fcaf22b1a9a264f7cf","branchLabelMapping":{"^v8.16.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","backport:prev-minor","ci:project-deploy-observability","Team:obs-ux-logs","v8.15.0","Feature:
Observability Onboarding","v8.16.0"],"title":"OTel Onboarding: Add
feedback
button","number":188216,"url":"https://github.com/elastic/kibana/pull/188216","mergeCommit":{"message":"OTel
Onboarding: Add feedback button (#188216)\n\nAs a last-minute addition,
this is adding a feedback button to the OTel\r\nflow so users have a way
of leaving feedback:\r\n\r\n<img width=\"1413\" alt=\"Screenshot
2024-07-12 at 15 16
38\"\r\nsrc=\"https://github.com/user-attachments/assets/61c5529d-8956-49f4-84b7-b977eb179f74\">\r\n\r\nThe
button is linking to https://ela.st/otel-onboarding-feedback
which\r\nwill redirect to a targeted google form feedback
form.\r\n\r\nThis PR is not attempting to
close\r\nhttps://github.com/elastic/observability-dev/issues/3734 - for
this, we\r\nneed to add a few other things and I would like to decouple
this from\r\nthe 8.15
release.","sha":"735eb52dd6cdfc47109dd1fcaf22b1a9a264f7cf"}},"sourceBranch":"main","suggestedTargetBranches":["8.15"],"targetPullRequestStates":[{"branch":"8.15","label":"v8.15.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v8.16.0","branchLabelMappingKey":"^v8.16.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/188216","number":188216,"mergeCommit":{"message":"OTel
Onboarding: Add feedback button (#188216)\n\nAs a last-minute addition,
this is adding a feedback button to the OTel\r\nflow so users have a way
of leaving feedback:\r\n\r\n<img width=\"1413\" alt=\"Screenshot
2024-07-12 at 15 16
38\"\r\nsrc=\"https://github.com/user-attachments/assets/61c5529d-8956-49f4-84b7-b977eb179f74\">\r\n\r\nThe
button is linking to https://ela.st/otel-onboarding-feedback
which\r\nwill redirect to a targeted google form feedback
form.\r\n\r\nThis PR is not attempting to
close\r\nhttps://github.com/elastic/observability-dev/issues/3734 - for
this, we\r\nneed to add a few other things and I would like to decouple
this from\r\nthe 8.15
release.","sha":"735eb52dd6cdfc47109dd1fcaf22b1a9a264f7cf"}}]}]
BACKPORT-->

Co-authored-by: Joe Reuter <johannes.reuter@elastic.co>

x-pack/plugins/observability_solution/observability_onboarding/public/application/quickstart_flows/otel_logs/index.tsx

@@ -25,6 +25,7 @@ import {
   EuiLink,
   EuiImage,
   EuiCallOut,
+  EuiHorizontalRule,
 } from '@elastic/eui';
 import {
   AllDatasetsLocatorParams,
@@ -39,6 +40,8 @@ import { ApiKeyBanner } from '../custom_logs/api_key_banner';
 import { useFetcher } from '../../../hooks/use_fetcher';
 import { MultiIntegrationInstallBanner } from './multi_integration_install_banner';
 
+const feedbackUrl = 'https://ela.st/otelcollector';
+
 const HOST_COMMAND = i18n.translate(
   'xpack.observability_onboarding.otelLogsPanel.p.runTheCommandOnYourHostLabel',
   {
@@ -641,7 +644,7 @@ rm ./otel.yml && cp ./otel_samples/platformlogs_hostmetrics.yml ./otel.yml && mk
         </EuiModalHeaderTitle>
       </EuiModalHeader>
       <EuiModalBody>
-        <EuiFlexGroup direction="column">
+        <EuiFlexGroup direction="column" gutterSize="none">
           <MultiIntegrationInstallBanner />
           {error && (
             <EuiFlexItem>
@@ -885,6 +888,37 @@ rm ./otel.yml && cp ./otel_samples/platformlogs_hostmetrics.yml ./otel.yml && mk
               },
             ]}
           />
+          <EuiHorizontalRule />
+
+          <EuiFlexGroup responsive={false} direction="row" alignItems="center" gutterSize="s" wrap>
+            <EuiFlexItem grow={false}>
+              <EuiText color="subdued" size="s">
+                {i18n.translate(
+                  'xpack.observability_onboarding.otelLogsPanel.feedbackButtons.label',
+                  {
+                    defaultMessage: 'Was this helpful or were there any problems?',
+                  }
+                )}
+              </EuiText>
+            </EuiFlexItem>
+
+            <EuiFlexItem grow={false}>
+              <EuiButton
+                iconType="editorComment"
+                data-test-subj="observabilityOnboardingOtelLogsPanelGiveFeedbackButton"
+                href={feedbackUrl}
+                color="warning"
+                target="_blank"
+              >
+                {i18n.translate(
+                  'xpack.observability_onboarding.otelLogsPanel.feedbackButtons.title',
+                  {
+                    defaultMessage: 'Give feedback',
+                  }
+                )}
+              </EuiButton>
+            </EuiFlexItem>
+          </EuiFlexGroup>
         </EuiFlexGroup>
       </EuiModalBody>
     </EuiPanel>