Create reusable component for security polices popovers

Why are we doing this work

Security orchestration has similar components with tooltip/popover functionality

1. ee/app/assets/javascripts/security_orchestration/components/policy_editor/scan_execution/action/custom_section_tooltip.vue
2. ee/app/assets/javascripts/security_orchestration/components/policy_editor/scope/compliance_framework_tooltip.vue
3. ee/app/assets/javascripts/security_orchestration/components/policy_editor/scan_execution/action/scan_filters/runner_tags_list.vue

It can potentially be refactored to reusable component

Relevant links

Based on comment

Non-functional requirements

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

Implementation plan

1. Create reusable component
2. Replace components from description above with newly created
3. Add test coverage

Verification steps

 Feature.enable(:compliance_pipeline_in_policies)

Feature.enable(:security_policies_policy_scope)  

Make sure popovers work as expected same as before: (Secure -> Policies -> New policy)

1. In policy scope section for both scan result and scan execution policy
2. New yaml code action for scan execution policy
3. Settings for scan result policy