File collapse: fix spelling and phrasing in UI text

What does this MR do?

!139210 (merged) introduced a spelling error into UI text. Let's fix that, and tighten up the language while we're here.

• Current: Generated files are collapsed by default. This behavior can be overriden via .gitattributes file if required.
• Initial proposal here: Generated files are collapsed by default. To change this behavior, edit the .gitattributes file.

Spotted from this screencap:

Related issues

• Related to Collapse generated files (!139210 - merged)
• Related to Add docs for collapsing generated files (!141452 - merged)
• Related to Add `generated?` check a la `gitattributes?` ch... (#391777 - closed)

Author's checklist

• Optional. Consider taking the GitLab Technical Writing Fundamentals course.
• Follow the:
  • Documentation process.
  • Documentation guidelines.
  • Style Guide.
• If you're adding or changing the main heading of the page (H1), ensure that the product tier badge is added.
• If you are a GitLab team member, request a review based on:
  • The documentation page's metadata.
  • The associated Technical Writer.

If you are a GitLab team member and only adding documentation, do not add any of the following labels:

• ~"frontend"
• ~"backend"
• ~"type::bug"
• ~"database"

These labels cause the MR to be added to code verification QA issues.

Reviewer's checklist

Documentation-related MRs should be reviewed by a Technical Writer for a non-blocking review, based on Documentation Guidelines and the Style Guide.

If you aren't sure which tech writer to ask, use roulette or ask in the #docs Slack channel.

• If the content requires it, ensure the information is reviewed by a subject matter expert.
• Technical writer review items:
  • Ensure docs metadata is present and up-to-date.
  • Ensure the appropriate labels are added to this MR.
  • Ensure a release milestone is set.
  • If relevant to this MR, ensure content topic type principles are in use, including:
    • The headings should be something you'd do a Google search for. Instead of Default behavior, say something like Default behavior when you close an issue.
    • The headings (other than the page title) should be active. Instead of Configuring GDK, say something like Configure GDK.
    • Any task steps should be written as a numbered list.
    • If the content still needs to be edited for topic types, you can create a follow-up issue with the docs-technical-debt label.
• Review by assigned maintainer, who can always request/require the reviews above. Maintainer's review can occur before or after a technical writer review.

app/assets/javascripts/diffs/components/diff_file.vue

 <script>
-import { GlButton, GlLoadingIcon, GlSprintf, GlAlert } from '@gitlab/ui';
+import { GlButton, GlLoadingIcon, GlSprintf, GlAlert, GlLink } from '@gitlab/ui';
 import { escape } from 'lodash';
 // eslint-disable-next-line no-restricted-imports
 import { mapActions, mapGetters, mapState } from 'vuex';
@@ -8,6 +8,7 @@ import { IdState } from 'vendor/vue-virtual-scroller';
 import DiffContent from 'jh_else_ce/diffs/components/diff_content.vue';
 import { createAlert } from '~/alert';
 import { hasDiff } from '~/helpers/diffs_helper';
+import { helpPagePath } from '~/helpers/help_page_helper';
 import { diffViewerErrors } from '~/ide/constants';
 import { scrollToElement, isElementStuck } from '~/lib/utils/common_utils';
 import { sprintf } from '~/locale';
@@ -39,6 +40,7 @@ export default {
     GlLoadingIcon,
     GlSprintf,
     GlAlert,
+    GlLink,
     DiffFileDrafts,
     NoteForm,
     DiffDiscussions,
@@ -376,6 +378,9 @@ export default {
   },
   CONFLICT_TEXT,
   FILE_DIFF_POSITION_TYPE,
+  generatedDiffFileDocsPath: helpPagePath('user/project/merge_requests/changes.html', {
+    anchor: 'collapse-generated-files',
+  }),
 };
 </script>
 
@@ -539,6 +544,11 @@ export default {
                 <template #tag="{ content }">
                   <code>{{ content }}</code>
                 </template>
+                <template #link="{ content }">
+                  <gl-link :href="$options.generatedDiffFileDocsPath" target="_blank">{{
+                    content
+                  }}</gl-link>
+                </template>
               </gl-sprintf>
             </p>
             <gl-button data-testid="expand-button" @click.prevent="handleToggle">