Ban AI - Cascading Lock Button with Tooltip

What does this MR do and why?

This MR covers the following Issues & their work statuses:

• Completed | #468957 (closed)
• Completed (Modified) | #471111 (closed)

The purpose of this MR is:

• to update the Lock Popover component in Vue to utilize tooltips, and thus update rename in all features utilizing the component
• to integrate the Cascading Lock Button component into the Duo Project Settings (in Settings Panel)
• to fix the cascading issue of data for when a Group is the parent/ancestor of a Project

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before	After

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

To test new Tooltip

Ensure that you have banned Duo features turned Duo Features off for a Group (uncheck Use GitLab Duo features, and check Enforce for all subgroups):

1. On the left sidebar, select Search or go to and find your group that has the banned setting enforced.
2. Navigate to Subgroup.
3. Select Settings > General (in the Subgroup).
4. Expand Permissions and group features.
5. Under GitLab Duo features validate the checkbox is disabled, and there is a lock icon that you can hover over and a Tooltip appears with the appropriate name and link for ancestral inheritance from whence it was banned/disabled.
6. Optional, you may go to a Subgroup's Project and validate the Cascading Lock Button and Lock Tooltip features work.