Resolve "Showing sleeping status on avatars"

Closes #1293 (closed)

What does this MR do?

On some subpages, like stores or the forum, is the sleeping status not visible.

• Checked all files where the Avatar is implemented and used a clearer name for the sleep status variable.
• Adjusted a little the position of the tiny one sleeping hats
• Changed the background-size: cover to background-size: contain to get a sharper sleeping hats

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

💯

Screenshots

BETA	THIS MR

How to test

1. Checkout branch locally
2. Login as foodsaver
3. Set sleep status
4. Check the IntroField Avatar
5. Check the TopBar Avatar
6. Check the requested basket Avatar in the TopBar
7. go on a Store Page, check the team list
8. go on a Forum Page, check the team list
9. go on a Forum Post, check the post avatars

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