Update help text for API Fuzzing Configuration

This removes the alert at the topa and
amend the info to the help text in API
Fuzzing's Security Configuration Page.

EE: true
Changelog: changed

ee/app/assets/javascripts/security_configuration/api_fuzzing/components/app.vue

 <script>
-import { GlAlert, GlLink, GlLoadingIcon, GlSprintf } from '@gitlab/ui';
+import { GlLink, GlLoadingIcon, GlSprintf } from '@gitlab/ui';
 import { s__ } from '~/locale';
 import apiFuzzingCiConfigurationQuery from '../graphql/api_fuzzing_ci_configuration.query.graphql';
 import ConfigurationForm from './configuration_form.vue';
 
 export default {
   components: {
-    GlAlert,
     GlLink,
     GlLoadingIcon,
     GlSprintf,
@@ -35,21 +34,16 @@ export default {
   },
   i18n: {
     title: s__('APIFuzzing|API Fuzzing Configuration'),
-    helpText: s__(`
-      APIFuzzing|Customize common API fuzzing settings to suit your requirements.
-      For details of more advanced configuration options, see the
-      %{docsLinkStart}GitLab API Fuzzing documentation%{docsLinkEnd}.`),
-    notice: s__(`
-      APIFuzzing|Use this tool to generate API fuzzing configuration YAML to copy into your
-      .gitlab-ci.yml file. This tool does not reflect or update your .gitlab-ci.yml file automatically.
-    `),
+    helpText: s__(
+      `APIFuzzing|Customize your project's API fuzzing configuration options and copy the code snippet to your .gitlab-ci.yml file to apply any changes. Note that this tool does not reflect or update your .gitlab-ci.yml file automatically. For details of more advanced configuration options, see the %{docsLinkStart}GitLab API Fuzzing documentation%{docsLinkEnd}.`,
+    ),
   },
 };
 </script>
 
 <template>
   <article>
-    <header class="gl-mt-5 gl-border-b-1 gl-border-b-gray-100 gl-border-b-solid">
+    <header class="gl-my-5 gl-border-b-1 gl-border-b-gray-100 gl-border-b-solid">
       <h4>
         {{ s__('APIFuzzing|API Fuzzing Configuration') }}
       </h4>
@@ -62,10 +56,6 @@ export default {
       </p>
     </header>
 
-    <gl-alert :dismissible="false" class="gl-mb-5">
-      {{ $options.i18n.notice }}
-    </gl-alert>
-
     <gl-loading-icon v-if="$apollo.loading" size="lg" />
 
     <configuration-form v-else :api-fuzzing-ci-configuration="apiFuzzingCiConfiguration" />

ee/app/assets/javascripts/security_configuration/sast/components/app.vue

@@ -95,9 +95,9 @@ export default {
     </gl-alert>
 
     <header class="gl-my-5 gl-border-b-1 gl-border-b-gray-100 gl-border-b-solid">
-      <h2 class="h4">
+      <h4>
         {{ s__('SecurityConfiguration|SAST Configuration') }}
-      </h2>
+      </h4>
       <p>
         <gl-sprintf :message="$options.i18n.helpText">
           <template #link="{ content }">

ee/spec/frontend/security_configuration/api_fuzzing/components/app_spec.js

-import { GlAlert, GlLink, GlLoadingIcon, GlSprintf } from '@gitlab/ui';
+import { GlLink, GlLoadingIcon, GlSprintf } from '@gitlab/ui';
 import { shallowMount } from '@vue/test-utils';
 import { merge } from 'lodash';
 import Vue from 'vue';
@@ -77,14 +77,6 @@ describe('EE - ApiFuzzingConfigurationApp', () => {
       );
     });
 
-    it("shows a notice about the tool's purpose", () => {
-      const alert = wrapper.find(GlAlert);
-      expect(alert.exists()).toBe(true);
-      expect(alert.text()).toBe(
-        'Use this tool to generate API fuzzing configuration YAML to copy into your .gitlab-ci.yml file. This tool does not reflect or update your .gitlab-ci.yml file automatically.',
-      );
-    });
-
     it('includes a link to API fuzzing documentation ', () => {
       const link = wrapper.find(GlLink);
       expect(link.exists()).toBe(true);

locale/gitlab.pot

@@ -1563,7 +1563,7 @@ msgstr ""
 msgid "APIFuzzing|Configure HTTP basic authentication values. Other authentication methods are supported. %{linkStart}Learn more%{linkEnd}."
 msgstr ""
 
-msgid "APIFuzzing|Customize common API fuzzing settings to suit your requirements. For details of more advanced configuration options, see the %{docsLinkStart}GitLab API Fuzzing documentation%{docsLinkEnd}."
+msgid "APIFuzzing|Customize your project's API fuzzing configuration options and copy the code snippet to your .gitlab-ci.yml file to apply any changes. Note that this tool does not reflect or update your .gitlab-ci.yml file automatically. For details of more advanced configuration options, see the %{docsLinkStart}GitLab API Fuzzing documentation%{docsLinkEnd}."
 msgstr ""
 
 msgid "APIFuzzing|Enable authentication"
@@ -1626,9 +1626,6 @@ msgstr ""
 msgid "APIFuzzing|To prevent a security leak, authentication info must be added as a %{ciVariablesLinkStart}CI variable%{ciVariablesLinkEnd}. As a user with maintainer access rights, you can manage CI variables in the %{ciSettingsLinkStart}Settings%{ciSettingsLinkEnd} area."
 msgstr ""
 
-msgid "APIFuzzing|Use this tool to generate API fuzzing configuration YAML to copy into your .gitlab-ci.yml file. This tool does not reflect or update your .gitlab-ci.yml file automatically."
-msgstr ""
-
 msgid "APIFuzzing|Username for basic authentication"
 msgstr ""