fix(web): Invite-members icon is changed in header-nav

[maverox]

What change does this PR introduce?

changed the invite-members icon to a more appropriate icon.(from the figma designed enclosed in issue #4601 )

Why was this change needed?

Closes #4601

Code Changes

• created a new component called InviteMembers.tsx
• and changed all the <Mail /> in HeaderNav.tsx with <InviteMembers /> component

Screenshot

Other information (Screenshots)

[p-fernandez]

@maverox you need to do pnpm install again in your local and commit the pnpm-lock.yml file as it is what is preventing for installing everything properly. There is a mismatch in that file that causes right now the tests to not pass.
The feature itself, now that you are putting it into the right place (/libs/design-system) after the changes the core team has done, should work ok.

[maverox]

@maverox you need to do pnpm install again in your local and commit the pnpm-lock.yml file as it is what is preventing for installing everything properly. There is a mismatch in that file that causes right now the tests to not pass. The feature itself, now that you are putting it into the right place (/libs/design-system) after the changes the core team has done, should work ok.

I tried to resolve conflict multiple times but for some reason it doesn't work.
I tried pulling the latest upstream/next (not origin/next (forked remote) ) and then resolved the conflict by only accepting incoming and then doing pnpm install and build and then tested the web component, and it was working fine.

[rifont]

Looks great, thanks for your contribution @maverox !

[maverox]

Looks great, thanks for your contribution @maverox !

thanks a lot for fixing the pnpmlock issue, but can you please tell what was the issue and how you fixed it by deleting that specific section of file?