Merge branch 'fix-rte-suggestions-dropdown' into 'master'

Fix rich text editor suggestions user alignment when using tailwind

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



Merged-by: Lukas 'ai-pi' Eipert <leipert@gitlab.com>
Approved-by: Paul Gascou-Vaillancourt <pgascouvaillancourt@gitlab.com>
Approved-by: Lukas 'ai-pi' Eipert <leipert@gitlab.com>
Co-authored-by: danmh <dmizzi-harris@gitlab.com>

app/assets/javascripts/content_editor/components/suggestions_dropdown.vue

@@ -288,15 +288,14 @@ export default {
               @click="selectItem(index)"
             >
               <div class="gl-new-dropdown-item-text-wrapper">
-                <span v-if="isUser" class="gl-flex">
+                <span v-if="isUser" class="gl-display-flex gl-align-items-center gl-gap-3">
                   <gl-avatar
                     :src="item.avatar_url"
                     :entity-name="item.username"
                     :size="24"
                     :shape="item.type === 'Group' ? 'rect' : 'circle'"
-                    class="gl-vertical-align-middle gl-mx-2"
                   />
-                  <span class="gl-vertical-align-middle">
+                  <span>
                     <span v-safe-html:safeHtmlConfig="highlight(item.username)"></span>
                     <small
                       v-safe-html:safeHtmlConfig="highlight(avatarSubLabel(item))"