Add Preview images for Snippets

[kyrie25]

📝 Provide a description of the new feature

Add Preview images similar to Extensions/Themes for Snippets in addition to the description.

➕ Additional Information

No response

[theRealPadster]

• I've started work on this. I'll need preview images for all our default snippets.
• Also need to decide what to do if there is no image for a snippet.
• And we could potentially allow the user to upload an image for their own custom snippets, either via a URL or by storing the image as base64 in the localstorage data. Not sure if worth it though.

[kyrie25]

For the non-images one, I'm sure a placeholder like the Spicetify logo would do.
As for the base64 encoded images, I'd prefer using a GitHub Raw URL to fetch the images as it'd be easier to update and maintain without changing too much data on the user's side. But if there is no need to update them then base64 would do.

[theRealPadster]

As for the base64 encoded images, I'd prefer using a GitHub Raw URL to fetch the images as it'd be easier to update and maintain without changing too much data on the user's side. But if there is no need to update them then base64 would do.

I just meant for user-added snippets, we could use an HTML file upload input and store the image as base64 so they don't need to go and host their image somewhere and then paste the URL in.

[kyrie25]

Oh I see, that would be the optimal solution I agree. Need to add a base64 converter into util also so that it can be used.