Project Setting: Add toggle to remove Security & Compliance left nav item (FE)

Why are we doing this work

In project settings, there are a number of left sidebar menu items that can be toggled off such as the repository, issues, and snippets; however, there are a number of items that cannot be toggled off which leads to a poor user experience if the project isn't ever going to utilize those features.

We should allow users to toggle off the Security & Compliance left nav item in Project Settings => General => Visibility, Project Features, and Permissions.

This issue represents the frontend work required to deliver this feature. The backend work is tracked in #290112 (closed).

Relevant links

Non-functional requirements

• Documentation:
• Feature flag:
• Performance:
• Testing:

Implementation plan

• frontend app/assets/javascripts/pages/projects/shared/permissions/components/settings_panel.vue is responsible for displaying the visibility settings page. The file contains many examples on how to create a toggle. Follow the same conventions. We'll need to collaborate with the backend here because we still need a setting name which they'll provide. This is the BE issue: #290112 (closed)
• frontend Once the toggle setting is ready, I think we need to update ee/app/views/layouts/nav/sidebar/_project_security_link.html.haml to render dynamically the Security & Compliance nav item. As an example, you can check app/views/layouts/nav/sidebar/_project.html.haml:82. I believe that displays the issue tab only if it's enabled. We'll probably need to do something similar.