Add text overflow style to event activity issue name

MR: https://gitlab.com/gitlab-org/gitlab/-/merge_requests/42370

app/views/events/event/_common.html.haml

@@ -11,7 +11,7 @@
     = link_to event.target_link_options, class: 'has-tooltip event-target-link gl-mr-2', title: event.target_title do
       = event.target.reference_link_text
     - unless event.milestone?
-      %span.event-target-title.gl-mr-2{ dir: "auto" }
+      %span.event-target-title.gl-text-overflow-ellipsis.gl-overflow-hidden.gl-mr-2{ dir: "auto" }
         = """.html_safe + event.target.title + "&quot".html_safe
   - else
     %span.event-type.d-inline-block.gl-mr-2{ class: event.action_name }

app/views/events/event/_note.html.haml

@@ -9,7 +9,7 @@
   = event_note_title_html(event)
   - title = note_target_title(event.target)
   - if title.present?
-    %span.event-target-title.gl-mr-2{ dir: "auto" }
+    %span.event-target-title.gl-text-overflow-ellipsis.gl-overflow-hidden.gl-mr-2{ dir: "auto" }
       = """.html_safe + title + "&quot".html_safe
 
   = render "events/event_scope", event: event

changelogs/unreleased/fix-text-overflow-profile-activity.yml

+---
+title: Fix text overflow events issue name
+merge_request: 42370
+author:
+type: fixed