Replace avatar list with a vue component

What does this MR do?

Adds a general vue component for listing users. This replaces the old fsAvatarList function in the backend. I included it on the pages of foodsharepoints, baskets, and region foodsavers (see screenshots). We could also use it in other places, for example in store bubbles on the map.

Might fix #1459 (closed)

How confident are you it won't break things if deployed?

Somewhat confident, but this is more like a proposal. I would like to have some feedback.

How to test

1. Checkout branch locally
2. Login as foodsaver
3. Look at the pages of a basket (e.g. select one on the map), a foodsharepoint, and a region's foodsaver list

Screenshots (if applicable)

Foodsharepoint:

Basket creator:

Region foodsavers:

Checklist

• added a test, or explain why one is not needed/possible...
• no unrelated changes
• asked someone for a code review
• set a "for:" label to indicate who will be affected by this change
• added to the next milestone (see https://gitlab.com/foodsharing-dev/foodsharing/-/milestones, unless it has a "for:Dev" label)
• added an entry to CHANGELOG.md
• added a short text that can be used in the release notes
• Once your MR has been merged, you are responsible to create a testing issue in the Beta Testing forum: https://foodsharing.de/?page=bezirk&bid=734&sub=forum. Please change the MRs label to "state:Beta testing".
  • Consider writing a detailed description in German.
  • Describe in a few sentences, what should be tested from a user perspective.
  • Also mention different settings (e.g. different browsers, roles, ...) how this change can be tested.
  • Be aware, that also non technical people should understand.

Release notes text in German