feat(mobile): new icons

[Nodonisko]

I recommend check this commit by commit, first one is creating new mobile icons package and some refactoring. Second one is just replacing deprecated package with new one.

Description

This new icons package is created with main focus on performance and minimal performance overhead so it should be super fast. I also did some refactoring and simplification of some Button components which also helped with performance little bit.

Related Issue

Resolve #12433
Fixes #11596
Fixes #14311

Screenshots:

[socket-security]

👍 Dependency issues cleared. Learn more about Socket for GitHub ↗︎

This PR previously contained dependency changes with security issues that have been resolved, removed, or ignored.

Ignoring: npm/[email protected]

View full report↗︎

Next steps

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of ecosystem/package-name@version specifiers. e.g. @SocketSecurity ignore npm/[email protected] or ignore all packages with @SocketSecurity ignore-all

[Nodonisko]

@SocketSecurity ignore npm/[email protected]

[Nodonisko]

ttf2woff2 package looks safe and it's used only locally for generating font files so it should be safe

[matejkriz]

Not sure what exact change caused Device info and Open passphrase buttons to be cut off, but looks ok on develop.

[Nodonisko]

I am not able to reproduce this one, can you please try again? Maybe it was some random temp issue.

[matejkriz]

I guess this can fix also
#14311
and
#11596
right, @Nodonisko ?

[Nodonisko]

Yes it should fix all icon related issue we have now.

[matejkriz]

I didn't go through the individual icon changes, I mostly check only the first commit and it works nice, including switching between dark and light mode 🎉

Only issue I found out is the cut off buttons in the Device switcher.

It would be great to update README of @suite-common/icons too, but it can be a followup.

[matejkriz]

It looks like the icon for Safe 3 is broken only in the font generated from correct SVG, so maybe there are more icons broken, only not so obvious?

[matejkriz]

👏

[matejkriz]

👏