Fix #9458: Add padding-right to IconCheck in MenuItemSelectAvatar

[dev-kraken]

No description provided.

[greptile-apps]

PR Summary

Added padding-right to IconCheck component in MenuItemSelectAvatar to improve visual spacing in menu items with avatars.

• Created new StyledIconCheck styled component in /packages/twenty-ui/src/navigation/menu-item/components/MenuItemSelectAvatar.tsx with padding-right property
• Modified IconCheck implementation to use the new styled component for consistent spacing

_{💡 (1/5) You can manually trigger the bot by mentioning @greptileai in a comment!}

_{1 file(s) reviewed, 1 comment(s)
Edit PR Review Bot Settings | Greptile}

[charlesBochet]

Hi @dev-kraken, I don't understand why so many changes have been made. could you elaborate on your changes?

[dev-kraken]

Hi @dev-kraken, I don't understand why so many changes have been made. could you elaborate on your changes?

The only changes are made in the file src/navigation/menu-item/internals/components/StyledMenuItemBase.tsx are:

import { IconCheck } from '@ui/display';

and new component

export const StyledIconCheck = styled(IconCheck)`
    padding-right: ${({ theme }) => theme.spacing(2)};
`;

[charlesBochet]

Here is what I see:

[dev-kraken]

Here is what I see:

Oh, I see the issue now. Prettier added an extra space, which has already been fixed.