fix(NcAvatar) increase avatar sizes in call

[Antreesy]

☑️ Resolves

• Fix follow-up: Reduce amount of component to wrap avatars #10282
  • native NcAvatar is no longer used in components
  • SCSS mixin avatar-mixin is no longer used in components
  • Size for all NcAvatar wrappers is now set explicitly - no more reactivity problems
• Size of avatars is increased:
  • in MediaSettings: 128 => 180
  • in GridView and promoted VideoVue: 128 => 512
• Common lint fixes
  • some SCSS variables were replaced with CSS variables provided by server

🖼️ Screenshots

🏚️ Before	🏡 After

🚧 Tasks

• Visual check
• Code review

🏁 Checklist

• ⛑️ Tests (unit and/or integration) are included or not required
• 📘 API documentation in docs/ has been updated or is not required
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required
• 🔖 Capability is added or not needed

[DorraJaouad]

I would suggest removing these static colors.
This is the view from Guest ( display name : pop )

And this is from a logged in user and Guest is present in the call ( display name : pop)

It would be nice if we use the same style for guest avatar from the user account view in the guest view ( make it always uppercase too)

[Antreesy]

These colors are also used in other places, to identify guest person in participants list or messages, for example:

Although I can't reproduce your second screenshot, Maybe, it's related to issue in second comment fixed

[DorraJaouad]

This identification method might be okay in other places like messages and participant lists because it doesn't own much of "visual weight" but for call view, it occupies more visual surface.
Alternative : Add "( guest )" to the display name to identify the guest.

[Antreesy]

Please reference all this in follow-up issue =)

[DorraJaouad]

Tested 🦅
Avatar/space ratio looks better.

[Antreesy]

/backport to stable27