Update utility classes to match standards

ee/app/assets/javascripts/threat_monitoring/components/policy_editor/policy_editor_layout.vue

@@ -120,7 +120,7 @@ export default {
         </section>
         <section
           v-if="shouldShowRuleEditor"
-          class="gl-s-w-half gl-s-max-w-30p gl-p-5 gl-border-l-gray-100 gl-border-l-1 gl-md-border-l-solid"
+          class="gl-md-w-50p gl-md-max-w-30p gl-p-5 gl-border-l-gray-100 gl-border-l-1 gl-md-border-l-solid"
           data-testid="rule-editor-preview"
         >
           <slot name="rule-editor-preview"></slot>

ee/app/assets/stylesheets/pages/threat_management.scss

@@ -10,13 +10,13 @@
   align-items: flex-start;
 }
 
-.gl-s-max-w-30p {
+.gl-md-max-w-30p {
   @media (min-width: $breakpoint-md) {
     max-width: 30%;
   }
 }
 
-.gl-s-w-half {
+.gl-md-w-50p {
   @media (min-width: $breakpoint-md) {
     width: 50%;
   }