Custom avatar shape within ui5-li

[wulinjie122]

Feature Request Description

Hi Team, I am from successfactors, recently we are developing a page which renders a person list, I am wondering if we can change the shape of avatar within <ui5-li>, I would like to set the shape to Circle, but by default it uses Square, and there's no way to change this property.

<ui5-li image={_getUserPhoto(person.userId)}>
      <ui5-title level="H5">{person.fullName}</ui5-title>
      <span>
          <ui5-label class={styles.email}>{person.email}</ui5-label>
          <ui5-label class={styles.title}>{person.title}</ui5-label>
      </span>
  </ui5-li>

Proposed Solution

It would be better if we can provide a property to custom avator shape.

Proposed Alternatives

N/A

Additional Context

N/A

Priority

• [ ] Low
• [x] Medium
• [ ] High
• [ ] Very High

A clear and concise description of the impact/urgency of the required feature.

Stakeholder Info (if applicable)

• Organization: {...}
• Business impact: {...}

[dobrinyonkov]

Internal Refenrece: BGSOFUIPIRIN-5892

We discussed that a slot enabling for custom avatars is the option go with this one.