Merge branch 'ph/416251/fixImageCommentIconHidden' into 'master'

Fixes image comment badge not showing on overview tab

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



Merged-by: Kushal Pandya <kushal@gitlab.com>
Approved-by: Alex Fracazo <afracazo@gitlab.com>
Approved-by: Kushal Pandya <kushal@gitlab.com>
Co-authored-by: Phil Hughes <me@iamphill.com>

app/assets/javascripts/notes/components/diff_with_note.vue

@@ -171,7 +171,7 @@ export default {
             :file-hash="discussion.diff_file.file_hash"
             :show-comment-icon="true"
             :should-toggle-discussion="false"
-            badge-class="image-comment-badge gl-text-gray-500"
+            badge-class="image-comment-badge gl-text-purple-500 gl-bg-white gl-rounded-full gl-border-white gl-border-1 gl-border-solid gl-pointer-events-none gl-shadow-md"
           />
         </template>
       </diff-viewer>

app/assets/javascripts/notes/components/noteable_note.vue

@@ -466,7 +466,7 @@ export default {
         :href="author.path"
         :data-user-id="author.id"
         :data-username="author.username"
-        class="js-user-link"
+        class="js-user-link gl-relative"
       >
         <gl-avatar
           :src="author.avatar_url"