Merge branch '20240618-clavimoniere-test-file-name-break-words' into 'master'

Apply `gl-break-word` to test file name in Pipeline test suite detail

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/156668



Merged-by: Jose Ivan Vargas <jvargas@gitlab.com>
Approved-by: Annabel Dunstone Gray <annabel.dunstone@gmail.com>
Approved-by: Lukas 'ai-pi' Eipert <leipert@gitlab.com>
Approved-by: Alexander Turinske <aturinske@gitlab.com>
Approved-by: Jose Ivan Vargas <jvargas@gitlab.com>
Co-authored-by: Chad Lavimoniere <clavimoniere@gitlab.com>

app/assets/javascripts/ci/pipeline_details/test_reports/test_case_details.vue

@@ -95,7 +95,7 @@ export default {
     <div v-if="testCase.file" class="gl-display-flex gl-flex-wrap -gl-mx-4 gl-my-3">
       <strong class="col-sm-3">{{ $options.text.file }}</strong>
       <div class="col-sm-9" data-testid="test-case-file">
-        <gl-link v-if="testCase.filePath" :href="testCase.filePath">
+        <gl-link v-if="testCase.filePath" class="gl-break-words" :href="testCase.filePath">
           {{ testCase.file }}
         </gl-link>
         <span v-else>{{ testCase.file }}</span>