Fix compliance framework labels readability

Resolves the compliance framework labels not being readable
on all framework colors.

Changelog: fixed
EE: true

ee/app/assets/stylesheets/framework/badges.scss

 .badge.compliance-framework-pill {
   border-radius: $label-border-radius;
-  color: $gray-light;
   display: inline-block;
   font-size: $gl-font-size-sm;
   font-weight: $gl-font-weight-normal;

ee/app/views/compliance_management/compliance_framework/_compliance_framework_badge.html.haml

@@ -3,5 +3,5 @@
 - if show_compliance_framework_badge?(project)
   - framework = project.compliance_framework_setting.compliance_management_framework
 
-  %span.badge.compliance-framework-pill.ml-2.has-tooltip{ style: "background-color: #{framework.color}", data: { container: 'body' }, title: framework.description }
+  %span.badge.compliance-framework-pill.ml-2.has-tooltip{ style: "background-color: #{framework.color}", class: text_color_class_for_bg(framework.color), data: { container: 'body' }, title: framework.description }
     = framework.name