Fix spacing for ListItemIcon and ListItemAvatar

[juliawegmayr]

Description

Refactoring the Menu styling (#3346) caused bugs in the styling of ListItemIcons. Add a gap to match the design.

Acceptance criteria

• I have verified if my change requires an example
• I have verified if my change requires a changeset
• I have verified if my change requires screenshots/screencasts

Screenshots/screencasts

Before	After

Open TODOs/questions

• Add changeset

Further information

• Task: https://vivid-planet.atlassian.net/browse/COM-1094

[juliawegmayr]

@jamesricky @johnnyomair I know, that Ricky suggested to move the styling from MenuItem to ListItemIcon to avoid different styles (here: #2919 (comment)). But as far as I can tell, we need them to be different at the moment (see screenshots). 🤔

[johnnyomair]

Should the text in the content scope select really have that much spacing on the left? Is it like this in the design?

[juliawegmayr]

Should the text in the content scope select really have that much spacing on the left? Is it like this in the design?

No it shouldn't. Thank you for the hint.

I checked the design and the usage of ListItemIcon again and I found out that my assumption was wrong and that all ListItemIcons are styled incorrectly. A better solution for fixing the ListItemIcon to match the design is to add a gap. I reverted my changes, and also adapted the description of this PR with updated screenshots. (Thank you @jamesricky for the idea with the gap :) )