Updates form to use shared components like PageHeading,
SettingsSection and Crud.

Changelog: changed

Changelog: fixed
EE: true

Changelog: changed
EE: true

EE: true
Changelog: changed

```yaml:frontmatter

Fix rendering of Vulnerability Report table

Removing `responsive` is fine, since before the BSV upgrade,
the `responsive` prop has no effect when `stacked` is given. So dropping
`responsive` preserves the old rendering behaviour of the root element
being `<table>`.

The `position: sticky !important` fix is required to work around
https://github.com/bootstrap-vue/bootstrap-vue/pull/6371.

In general, the layout approach here is quite brittle. The stick header
isn't visible for certain screen sizes anyway, since the filter bar
height is a constant rather than measured.

```

Update snapshots: aria attributes on b-table

Reason: https://github.com/bootstrap-vue/bootstrap-vue/commit/3f5a3095500c706a75f0f0d6015b0b2777051e1f

---

Update dropdown-related tests

Reason: https://github.com/bootstrap-vue/bootstrap-vue/pull/6865

---

Update pypi installation snapshot

Reason: https://github.com/bootstrap-vue/bootstrap-vue/pull/6178

---

Update modal-related snapshot

defaults for title / ignore-enforce-focus-selector removed in https://github.com/bootstrap-vue/bootstrap-vue/commit/5bf6733595091cc204d3acc0641f8f0301bcbe9c#diff-698a07032aec8fd0476d3d4d11834f24dfa87f31dcb77e529eb9d01fd1d42326
header-tag / footer-tag added in https://github.com/bootstrap-vue/bootstrap-vue/commit/c6dd70a787cdc711b3ce539a65f6aac273749874

---

Update b-link / b-button related snapshots

Reason: https://github.com/bootstrap-vue/bootstrap-vue/commit/05db323e6549de781b36bf73515d3ca1bc220050

---

Update dropdown snapshot

Reason: https://github.com/bootstrap-vue/bootstrap-vue/pull/6339

---

Fix tests relying on role=alert in form feedback

Reason: https://github.com/bootstrap-vue/bootstrap-vue/pull/6346

---

Fix provide: syntax

Reason: https://github.com/vuejs/vue/issues/12854

---

Fix Startup CSS

---

Remove unnecessary style override

Now that `.gl-table` is applied to the `<table>` element (even though
it's in a `<div>` wrapper due to `responsive`), the header gets styled
correctly without this override.

Andrei Zubov 创作于 2 years ago ，Vitaly Slobodin 提交于 2 years ago

* update @gitlab/eslint-plugin to the 18.2.0
* enable vtu-no-explicit-wrapper-destroy rule for spec files

This reverts merge request !103040

With GitLab UI upgrading bootstrap-vue and bootstrap, we need to make a
few changes to GitLab's codebase to integrate those upgrades smoothly.

Most problems come due to a breaking change in Jest 27
and new fake timers implementation. Additional extra tick
happens between Jest event hook. For instance, if our test
validates the component loading state and we create a component
in "beforeEach" hook the loading state will go away
due to an extra tick in between "beforeEach" and "it" blocks.

Another problem is changed Jest matchers for string and numbers.
Jest 27 validates the type by default when we use matchers like
"toContain", "toBe". The solution is to call "toString" function
on expected values as VTU and Vue.js in general renders everything
as strings.

Use a specific error message for each field instead of using
a generic one for everyone.

This commit is part of a commit series which introduces a form
to manually create a vulnerability. It adds the submit vulnerability
button and handles the form submission.