Fix avatar rendering in projects and groups navigation

The avatar on projects and groups navigation dropdown
are stretched to fit into a square even though the image
might not be a square.

The fix is just add missing class to the html element.

app/assets/javascripts/frequent_items/components/frequent_items_list_item.vue

@@ -54,8 +54,8 @@ export default {
 <template>
   <li class="frequent-items-list-item-container">
     <a :href="webUrl" class="clearfix">
-      <div class="frequent-items-item-avatar-container">
-        <img v-if="hasAvatar" :src="avatarUrl" class="avatar rect-avatar s32" />
+      <div class="frequent-items-item-avatar-container avatar-container rect-avatar s32">
+        <img v-if="hasAvatar" :src="avatarUrl" class="avatar s32" />
         <identicon
           v-else
           :entity-id="itemId"

changelogs/unreleased/fix_avatar_not_rendered_properly.yml

+---
+title: dragoon20
+merge_request: 24958
+author: Jordan Fernando
+type: fixed