Quo - Profile/ collectible-list-item add support for SVG's

[J-Son89]

using the component - https://github.com/status-im/status-mobile/issues/19086

Technical details

This component will be used to render many collectilbles at once, so we must pay attention to the rendering time, also we should keep in mind we'll render collectilbes from an external source, they'll come in as links.

Sometimes the SVGs received contain colors without the # at the beginning, so they throw an exception/warning on the console because react-native-svg isn't able to understand them, some alternative are:

• Fast Image - tested, but its cache is too aggressive, we might be able to configure it or only used under certain conditions, when there are too many images cached, the app crashes.
• React Native Skia - Can render SVGs, not tested yet (https://github.com/Shopify/react-native-skia)
• react-native-remote-svg - mentioned in https://github.com/software-mansion/react-native-svg/issues/1820

So we should pick the best in terms of stability, memory consumption and performance.

Additionally, collectibles can be anything, so make sure to properly handle the "Unsupported file" variant.

Sometimes collectibles returned contain empty strings as links, in those cases we should render the "Can't fetch info" variant.

Align with @ulisesmac before starting this

[OmarBasem]

Any updates on this issue or is it still relevant?

[ulisesmac]

Any updates on this issue or is it still relevant?

@OmarBasem Still relevant. We need to add support for SVG collectibles in a performant way in the app

[J-Son89]

@mmilad75 we can probably park this for now, I think there are more pressing issues to work on for the 2.30 release. wdyt?